/*
Theme Name: ailia Media 2024
Theme URI:
Description: ailia Media用テーマ
Version: 1.0
Author: ailia.AI
Author URI: https://ailia.ai
*/


/* Bnr
-----------------------------------------*/
.Bnr {
  position: relative;
  margin: 0 auto;
  display: none;
}
.Bnr .Bnr__img {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 88;
}
.Bnr .Bnr__img__inner {
  width: 144px;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.Bnr .Bnr__img__inner a {
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.Bnr .Bnr__img__inner a svg .cls-1 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.Bnr .Bnr__img__inner a:hover {
  opacity: 1;
}
.Bnr .Bnr__img__inner a:hover svg .cls-1 {
  fill: #8fdced;
}
@media screen and (min-width: 768px) {
  .Bnr .Bnr__img__inner {
    width: 180px;
    height: 180px;
  }
}
.Bnr .Bnr__img p.close {
  position: absolute;
  right: 15px;
  top: 20px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .Bnr .Bnr__img p.close {
    right: 25px;
  }
}
.Bnr .Bnr__img p.close a {
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-xmark:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
}

.headline {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.headline h2 {
  font-size: 14px;
  font-weight: 600;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  letter-spacing: 0;
}
.headline p {
  font-size: 38px;
  display: block;
  font-weight: 600;
  color: #5ac2d9;
  font-family: "Poppins", sans-serif;
  margin: 0 0 5px 0;
  line-height: 1;
}
/* .drawer-open header .container .drawer-hamburger .drawer-hamburger-icon::after, .drawer-open header .container .drawer-hamburger .drawer-hamburger-icon:before {
  background-color: #ffffff;
  width: 30px;
}
@media screen and (min-width: 768px) {
  .drawer-open header .container .drawer-hamburger .drawer-hamburger-icon::after, .drawer-open header .container .drawer-hamburger .drawer-hamburger-icon:before {
    width: 40px;
  }
}
.drawer-open header .container .drawer-hamburger .drawer-hamburger-icon::after {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.drawer-open header .container .drawer-hamburger .drawer-hamburger-icon:before {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
} */

.btn_contact {
  margin-top: 3rem;
  line-height: 1;
}
.btn_contact a {
  background: #9b0000;
  color: #ffffff;
  font-size: 1.3rem;
  padding: 1rem 2rem;
  text-decoration: none;
  display: inline-block;
}
.btn_contact.btn_contact_center {
  text-align: center;
  margin: 0 0 10rem;
}

/* .drawer-open header .container .drawer-hamburger .drawer-hamburger-icon {
  width: 25px;
  top: -1px;
}
.drawer-open header .container .drawer-hamburger .drawer-hamburger-icon:before {
  top: -3px;
}
.drawer-open header .container .drawer-hamburger .drawer-hamburger-icon:after {
  top: -3px;
}

header {
  width: 100%;
  padding: 15px;
  background: #ffffff;
  position: fixed;
  z-index: 1000;
  top: 0;
  height: 50px;
}
@media screen and (min-width: 768px) {
  header {
    padding: 20px;
    height: 80px;
  }
}
header .container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  position: relative;
  height: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  header .container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 80px;
  }
}
header .container .drawer-nav {
  left: -100%;
  width: 100%;
  background: #5ac2d9;
  padding: 70px 30px 30px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
header .container .drawer-hamburger {
  width: 44px;
  height: 25px;
  position: static;
  padding: 0;
}
@media screen and (min-width: 768px) {
  header .container .drawer-hamburger {
    width: 54px;
    position: absolute;
    padding: 30px;
    left: 0;
    width: 30px;
    z-index: 4000;
  }
}
header .container .drawer-hamburger .drawer-hamburger-icon {
  width: 18px;
  height: 3px;
  top: -5px;
}
@media screen and (min-width: 768px) {
  header .container .drawer-hamburger .drawer-hamburger-icon {
    top: -7px;
    height: 5px;
    width: 25px;
  }
}
header .container .drawer-hamburger .drawer-hamburger-icon:after {
  width: 12px;
  height: 3px;
  top: 8px;
}
@media screen and (min-width: 768px) {
  header .container .drawer-hamburger .drawer-hamburger-icon:after {
    height: 5px;
    width: 20px;
    top: 12px;
  }
}
header .container .drawer-hamburger .drawer-hamburger-icon:before {
  width: 25px;
  height: 3px;
  top: -8px;
}
@media screen and (min-width: 768px) {
  header .container .drawer-hamburger .drawer-hamburger-icon:before {
    width: 40px;
    height: 5px;
    top: -12px;
  }
}
header .container .drawer_left p {
  margin-bottom: 38px;
  color: #3c3c3c;
}
header .container .drawer_left p a {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
}
header .container .drawer_left #sec_keyword {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  header .container .drawer_left #sec_keyword {
    margin-bottom: 0;
  }
}
header .container .drawer_left #sec_keyword p {
  margin-bottom: 35px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  header .container .drawer_left #sec_keyword p {
    margin-bottom: 40px;
  }
}
header .container .drawer_left #sec_keyword .list_category {
  margin-bottom: 60px;
}
header .container .drawer_left #sec_keyword .list_category li {
  margin-bottom: 28px;
}
header .container .drawer_left #sec_keyword .list_category li p {
  margin-top: 10px;
  margin-bottom: 0;
}
header .container .drawer_left #sec_keyword .list_category li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  header .container .drawer_left #sec_keyword .list_category li {
    margin-bottom: 40px;
  }
}
header .container .drawer_right {
  width: 100%;
  color: #ffffff;
}
header .container .drawer_right #searchform {
  margin-bottom: 60px;
}
header .container .drawer_right #searchform div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .container .drawer_right #searchform div input[type=text] {
  width: calc(100% - 42px);
  border: 0;
  border-bottom: 1px solid #3c3c3c;
  font-size: 20px;
  padding: 3px;
}
header .container .drawer_right #searchform div button {
  padding: 0;
  margin-left: 10px;
  background: transparent;
  border: none;
}
header .container .drawer_right #searchform div button img {
  width: 42px;
  height: 28px;
}
header .container .drawer_right .list_tag li {
  margin: 0 10px 10px 0;
}
header .container .drawer_right .list_tag li a {
  background: #ffffff;
  color: #5ac2d9;
  border-color: #ffffff;
}
header .container .drawer_right .tags {
  font-size: 12px;
  margin-bottom: 60px;
}
header .container .drawer_right .tags a {
  color: #3c3c3c;
}
header .container .drawer_right .tags a i {
  margin-left: 10px;
}
header .container .drawer_right h1 {
  margin: 65px 0 25px;
  width: 160px;
}
header .container .drawer_right h1 span {
  display: block;
  width: 117px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  header .container .drawer_right h1 {
    margin-top: 77px;
  }
}
header .container .drawer_right h1 img {
  width: 100%;
}
header .container .drawer_right .site-info {
  font-size: 12px;
  line-height: 1;
  font-family: "Poppins", sans-serif;
}
header .container .drawer_right .list_sns {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
header .container .drawer_right .list_sns li {
  margin: 0 25px 0 0;
}
header .container h1 {
  width: 0px;
}
header .container .site-branding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header .container .site-branding .site-title {
  width: 122px;
  font-weight: normal;
}
header .container .site-branding .site-title a {
  color: #3c3c3c;
  display: block;
  width: 122px;
  line-height: 32px;
}
header .container .site-branding .site-title a .img02 {
  width: 122px;
}
header .container .site-branding .site-title a .img01 {
  display: none;
}
@media screen and (min-width: 768px) {
  header .container .site-branding .site-title {
    width: 355px;
  }
  header .container .site-branding .site-title a {
    width: 355px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .container .site-branding .site-title a .img01 {
    width: 122px;
    display: block;
  }
  header .container .site-branding .site-title a .img02 {
    width: 193px;
    display: block;
  }
}
header .container .site-branding .site-title span {
  display: block;
  letter-spacing: 0;
  font-size: 11.5px;
  margin-top: 1rem;
}
header .container .site-branding .site-description {
  color: #ffffff;
}
header .container .main-navigation .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
header .container .main-navigation .menu li {
  margin-left: 20px;
}
header .container .main-navigation .menu li a {
  color: #3c3c3c;
}
header .container .leftbox {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
@media screen and (min-width: 768px) {
  header .container .leftbox {
    position: absolute;
    right: 0;
    padding: 30px;
  }
}
header .container .leftbox .language {
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  header .container .leftbox .language {
    margin-left: 35px;
  }
}
header .container .leftbox .language .sec_vis_switch {
  font-size: 12px;
  text-align: center;
  font-weight: 600;
}
header .container .leftbox .language .sec_vis_switch a {
  color: #3c3c3c;
}
@media screen and (min-width: 768px) {
  header .container .leftbox .language .sec_vis_switch {
    font-size: 18px;
  }
}
header .container .leftbox .searchform {
  display: block;
}
header .container .leftbox .searchform span {
  display: block;
  width: 18px;
  height: 18px;
}
header .container .leftbox .searchform span img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  header .container .leftbox .searchform span {
    width: 24px;
    height: 24px;
  }
}
header .container .leftbox .searchform_button:hover {
  cursor: pointer;
}
header .container .leftbox .searchform_check {
  display: none;
}
header .container .leftbox .searchform_popup {
  position: absolute;
  bottom: -88px;
  left: -120px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 20em;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .container .leftbox .searchform_popup button {
  border: 0;
  background: transparent;
  width: 22px;
  height: 22px;
  padding: 3px 0px 0;
  cursor: pointer;
  margin-left: 16px;
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  header .container .leftbox .searchform_popup button {
    width: 28px;
    height: 28px;
    padding: 0;
  }
}
header .container .leftbox .searchform_check:checked + .searchform_popup {
  bottom: -62px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  left: -20px;
  background: rgba(90, 194, 217, 0.85);
  padding: 11px 0px;
  z-index: 10;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  width: calc(100% + 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  header .container .leftbox .searchform_check:checked + .searchform_popup {
    bottom: 33px;
    left: -196px;
    right: 159px;
    background: #ffffff;
    padding: 0;
  }
}
header .container .leftbox .searchform_popup form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 290px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  header .container .leftbox .searchform_popup form {
    width: 250px;
  }
}
header .container .leftbox .searchform_popup input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header .container .leftbox .searchform_popup input[type=text] {
  padding: 5px 10px;
  width: 245px;
  position: relative;
  border: none;
}
@media screen and (min-width: 768px) {
  header .container .leftbox .searchform_popup input[type=text] {
    border: 0;
    border-bottom: 1px solid #3c3c3c;
  }
}
header .container .leftbox .searchform_popup input[type=submit] {
  padding: 0.5em;
  width: calc(20% - 10px);
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
  background: transparent;
  border: 0;
  cursor: pointer;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  padding: 0;
  font-size: 18px;
  width: auto;
}
@media screen and (min-width: 768px) {
  header {
    padding: 0;
  }
  header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px 30px;
  }
  header .container .drawer-nav {
    padding: 70px 200px;
    width: 100%;
    left: -100%;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .container .drawer-nav .drawer_left {
    width: 310px;
    display: block;
  }
  header .container .drawer-nav .drawer_left p {
    margin-bottom: 30px;
  }
  header .container .drawer-nav .drawer_left p.modal-open,
  header .container .drawer-nav .drawer_left p a {
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
  }
  header .container .drawer-nav .drawer_left .list_category li {
    line-height: 1;
  }
  header .container .drawer-nav .drawer_left .list_category li a {
    color: #ffffff;
  }
  header .container .drawer-nav .drawer_right {
    width: 405px;
  }
  header .container .site-branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .container .site-branding .site-title a img {
    width: 100%;
    height: auto;
  }
} */

.drawer--left.drawer-open .drawer-hamburger {
  left: 0;
}

.list_company {
  display: none;
  margin-top: 80px;
}
.list_company li img {
  height: 20px;
}
@media screen and (min-width: 768px) {
  .list_company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .list_company li {
    margin-right: 40px;
  }
}

.list_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.list_sns li {
  text-align: center;
  margin: 0 15px;
}
.list_sns li a {
  background-color: #ffffff;
  width: 50px;
  line-height: 50px;
  border-radius: 30px;
  display: inline-block;
  font-size: 30px;
  color: #3c3c3c;
}
@media screen and (min-width: 768px) {
  .list_sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .list_sns li {
    text-align: center;
    margin: 0;
    margin-left: 25px;
  }
  .list_sns li a {
    background-color: #ffffff;
    width: 40px;
    line-height: 40px;
    border-radius: 20px;
    font-size: 25px;
    display: inline-block;
  }
  .list_sns li:last-child {
    margin-right: 0;
  }
}

/* footer {
  background: #3c3c3c;
  padding: 60px 30px 40px;
  position: relative;
}
footer .container {
  width: 100%;
}
footer .container .leftbox {
  width: 100%;
}
footer .container .leftbox h1 {
  color: #ffffff;
  margin-bottom: 65px;
  text-align: center;
  width: 150px;
  margin: 0 auto 40px;
}
footer .container .leftbox h1 .pc_logo {
  display: none;
}
footer .container .leftbox h1 .sp_logo {
  display: block;
}
@media screen and (min-width: 768px) {
  footer .container .leftbox h1 .pc_logo {
    display: block;
  }
  footer .container .leftbox h1 .sp_logo {
    display: none;
  }
}
footer .container .leftbox .site-info {
  font-size: 12px;
  color: #ffffff;
  display: none;
}
@media screen and (min-width: 768px) {
  footer .container .leftbox .site-info {
    display: inline-block;
  }
}
footer .container .rightbox {
  width: 100%;
}
footer .container .rightbox .middlebox .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 45px;
}
footer .container .rightbox .middlebox .menu li {
  text-align: center;
  margin-bottom: 35px;
}
footer .container .rightbox .middlebox .menu li a {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
}
footer .container .rightbox .middlebox .menu li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  footer .container .rightbox .middlebox .menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  footer .container .rightbox .middlebox .menu li {
    text-align: left;
    margin-bottom: 0;
  }
}
footer .container .list_company_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
}
footer .container .list_company_area .list_company_sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 0px;
  margin-right: 0px;
}
footer .container .list_company_area .list_company_sp li:first-child {
  margin-right: 30px;
}
footer .container .list_company_area .copy {
  font-size: 12px;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  footer .container .list_company_area {
    display: none;
  }
}
footer .footer-info {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .footer-info .footer-logo01 {
  width: 42px;
  height: 20px;
  background: #ffffff;
}
footer .footer-info .footer-logo02 {
  width: 57px;
  height: 20px;
  background: #ffffff;
}
@media screen and (min-width: 768px) {
  footer .container {
    width: 1180px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  footer .container .leftbox {
    width: auto;
  }
  footer .container .leftbox h1 {
    text-align: left;
    width: 230px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  footer .container .leftbox h1 {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  footer .container .leftbox h1 img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  footer .container .leftbox h1 {
    width: 160px;
  }
  footer .container .leftbox h1 .text {
    width: 155px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  footer .container .rightbox {
    width: 558px;
    margin-right: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  footer .container .rightbox .middlebox {
    width: 320px;
    margin-right: 135px;
  }
  footer .container .rightbox .middlebox .menu li a {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  footer .container .rightbox .middlebox .menu {
    width: 317px;
  }
}
@media screen and (min-width: 768px) {
  footer .container .list_company_sp {
    display: none;
  }
}
footer .totop {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
}
footer .totop a img {
  width: 46px;
  height: 46px;
}
@media screen and (min-width: 768px) {
  footer .totop {
    display: block;
  }
} */

/* index */
#sec_vis {
  padding: 0;
}
#sec_vis .container {
  width: 100%;
  padding: 0;
}
@media screen and (min-width: 768px) {
  #sec_vis .container {
    margin-top: 80px;
  }
}
#sec_vis .container .vis_topics {
  margin-bottom: 0;
  z-index: 0;
}
#sec_vis .container .vis_topics li {
  position: relative;
}
#sec_vis .container .vis_topics li a {
  position: absolute;
  display: block;
  width: 100%;
  height: 490px;
  background: rgba(51, 51, 51, 0.3333333333);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#sec_vis .container .vis_topics li a:hover {
  background: rgba(0, 0, 0, 0.7019607843);
}
#sec_vis .container .vis_topics li figure {
  height: 490px;
}
#sec_vis .container .vis_topics li figure img {
  width: 100%;
  height: 490px;
  -o-object-fit: cover;
     object-fit: cover;
}
#sec_vis .container .vis_topics li .entry-info {
  padding: 30px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#sec_vis .container .vis_topics li .entry-info .entry-meta {
  color: #ffffff;
}
#sec_vis .container .vis_topics li .entry-info .entry-meta .tag {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
}
#sec_vis .container .vis_topics li .entry-info h2 {
  color: #ffffff;
  font-size: 24px;
  line-height: 1.4;
  font-size: 20px;
  line-height: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: 0;
  text-align: justify;
}
#sec_vis .container .vis_topics li .entry-info h2 br {
  display: none;
}
@media screen and (min-width: 768px) {
  #sec_vis .container .vis_topics li .entry-info {
    width: 100%;
  }
}
#sec_vis .container .vis_topics .slick-prev {
  left: 0;
}
#sec_vis .container .vis_topics .slick-next {
  right: 0;
}
#sec_vis .container .vis_topics .slick-dots {
  position: static;
  margin: 20px 0 50px;
}
#sec_vis .container .vis_topics .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 13px 0 0;
  padding: 0;
}
#sec_vis .container .vis_topics .slick-dots li:last-child {
  margin-right: 0;
}
#sec_vis .container .vis_topics .slick-dots li.slick-active button:before {
  color: #5ac2d9;
}
#sec_vis .container .vis_topics .slick-dots li button {
  width: auto;
  height: auto;
  padding: 0;
}
#sec_vis .container .vis_topics .slick-dots li button:before {
  opacity: 1;
  color: #3c3c3c;
  content: "■";
  width: auto;
  height: auto;
  padding: 0;
  position: static;
  line-height: 1;
  font-size: 10px;
}
@media screen and (min-width: 768px) {
  #sec_vis {
    padding: 60px 0 0;
  }
  #sec_vis .container .vis_topics li {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
  }
  #sec_vis .container .vis_topics li .entry-info {
    padding: 40px 140px;
  }
  #sec_vis .container .vis_topics .slick-slide {
    width: 840px;
    margin: 0 20px;
    height: 490px;
  }
  #sec_vis .container .vis_topics .slick-prev,
  #sec_vis .container .vis_topics .slick-next {
    margin-top: -25px;
  }
  #sec_vis .container .vis_topics .slick-prev:before,
  #sec_vis .container .vis_topics .slick-next:before {
    font-size: 40px;
  }
  #sec_vis .container .vis_topics .slick-prev {
    left: 130px;
    z-index: 100;
    background: #3c3c3c;
    width: 50px;
    height: 50px;
  }
  #sec_vis .container .vis_topics .slick-prev:before {
    content: "";
    background: url(https://blog.ailia.ai/wp-content/uploads/arrow_left.svg);
    display: block;
    width: 50px;
    height: 50px;
  }
  #sec_vis .container .vis_topics .slick-next {
    right: 130px;
    z-index: 100;
    background: #3c3c3c;
    width: 50px;
    height: 50px;
  }
  #sec_vis .container .vis_topics .slick-next:before {
    content: "";
    background: url(https://blog.ailia.ai/wp-content/uploads/arrow_right.svg);
    display: block;
    width: 50px;
    height: 50px;
  }
}

@media screen and (min-width: 1600px) {
	#sec_vis .container .vis_topics .slick-prev{
		left: 530px;
	}
	#sec_vis .container .vis_topics .slick-next{
		right: 530px;
	}
}

@media screen and (min-width: 1900px) {
	#sec_vis .container .vis_topics .slick-prev{
		left: 530px;
	}
	#sec_vis .container .vis_topics .slick-next{
		right: 530px;
	}
}


.list_category li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 30px;
}
.list_category li a {
  font-size: 28px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  font-family: "Poppins", sans-serif;
}
.list_category li p {
  display: block;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 600;
}

.list_tag {
  margin: 20px 0;
}
.list_tag li {
  display: inline-block;
  line-height: 1;
  margin: 0 5px 5px 0;
}
.list_tag li a {
  font-size: 14px;
  color: #a0a0a0;
  background: #ffffff;
  border-radius: 20px;
  padding: 8px 16px;
  display: inline-block;
  line-height: 1;
}

.search .entry-title {
  margin-bottom: 50px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a0a0a0;
}
.search .entry-title h2 {
  font-size: 20px;
}
.search #sec_search {
  padding-bottom: 60px;
}
.search #sec_search .container {
  width: auto;
}
@media screen and (min-width: 768px) {
  .search #sec_search .container {
    width: 800px;
  }
}
.search #sec_search .container .list_post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.search #sec_search .container .list_post li {
  position: relative;
  width: auto;
  margin-bottom: 60px;
  margin-right: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.search #sec_search .container .list_post li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.search #sec_search .container .list_post li figure {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 30px;
}
.search #sec_search .container .list_post li figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 12/7;
}
.search #sec_search .container .list_post li .entry-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.search #sec_search .container .list_post li .entry-meta .tag {
  color: #5ac2d9;
  font-size: 13px;
  font-weight: 600;
}
.search #sec_search .container .list_post li .entry-meta .time,
.search #sec_search .container .list_post li .entry-meta time {
  font-size: 13px;
  color: #a0a0a0;
  text-align: right;
  font-family: "Poppins", sans-serif;
}
.search #sec_search .container .list_post li h2 {
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #231815;
  text-align: justify;
}
.search #sec_search .container .list_post li h2 br {
  display: none;
}
.search #sec_search .container .list_post li:nth-child(2n) {
  margin-right: 0;
}
.search #sec_search .container .list_post li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .search #sec_search .container .list_post li {
    width: 375px;
    margin-right: 50px;
  }
}

#sec_archive .container {
  width: 100%;
}
#sec_archive .container .list_post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#sec_archive .container .list_post li {
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #sec_archive .container .list_post li {
    margin-bottom: 0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 385px;
    height: 262px;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
  }
  #sec_archive .container .list_post li:nth-child(2n) {
    margin-right: 0;
  }
  #sec_archive .container .list_post li img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #sec_archive .container .list_post li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  #sec_archive .container .list_post li a:hover {
    background: rgba(0, 0, 0, 0.7019607843);
  }
  #sec_archive .container .list_post li figure {
    height: 100%;
    width: 100%;
  }
  #sec_archive .container .list_post li figure img {
    height: 100%;
  }
  #sec_archive .container .list_post li figure:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgb(3, 3, 3)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(3, 3, 3) 70%);
    opacity: 0.4;
  }
  #sec_archive .container .list_post li .entry-info {
    position: absolute;
    bottom: 0;
    padding: 24px;
    color: #ffffff;
    width: 100%;
  }
  #sec_archive .container .list_post li .entry-info h2 {
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
  }
  #sec_archive .container .list_post li .entry-info h2 br {
    display: none;
  }
  #sec_archive .container .list_post li .entry-info .entry-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  #sec_archive .container .list_post li .entry-info .entry-meta .tag {
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
  }
  #sec_archive .container .list_post li .entry-info .entry-meta time {
    font-size: 13px;
    color: #ffffff;
    text-align: right;
    font-family: "Poppins", sans-serif;
  }
  #sec_archive .container .list_post li h2 {
    font-size: 20px;
    line-height: 1.9;
    width: 100%;
    font-weight: 600;
  }
}
#sec_archive .container .list_post li figure {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
}
#sec_archive .container .list_post li figure img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  #sec_archive .container .list_post li figure figure img {
    aspect-ratio: 12/7;
  }
}
#sec_archive .container .list_post li figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgb(3, 3, 3)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(3, 3, 3) 70%);
  opacity: 0.4;
}
#sec_archive .container .list_post li .entry-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
#sec_archive .container .list_post li .entry-meta .tag {
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
}
#sec_archive .container .list_post li .entry-meta time {
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: right;
  font-family: "Poppins", sans-serif;
}
#sec_archive .container .list_post li .entry-info {
  position: absolute;
  bottom: 0;
  padding: 24px;
  color: #ffffff;
  width: 100%;
}
#sec_archive .container .list_post li .entry-info h2 {
  color: #ffffff;
  line-height: 1.3;
}
#sec_archive .container .list_post li .entry-info h2 br {
  display: none;
}
#sec_archive .container .list_post li h2 {
  font-size: 20px;
  line-height: 1.9;
  width: 100%;
  font-weight: 600;
}
#sec_archive .container .list_post li:last-child {
  margin-bottom: 0;
}
#sec_archive .container .list_post .ajax-load-more-wrap {
  width: 100%;
}
#sec_archive .container .list_post .ajax-load-more-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.alm-btn-wrap .alm-load-more-btn {
  width: 100%;
  line-height: 60px;
  background: #5ac2d9 !important;
  height: auto;
  border-radius: 30px;
  font-size: 20px;
}
.alm-btn-wrap .alm-load-more-btn.loading:before {
  display: none;
}
.alm-btn-wrap .alm-load-more-btn:hover {
  background: #a0a0a0 !important;
}

.ajax-load-more-wrap {
  margin-top: 30px;
  width: 100%;
}
.ajax-load-more-wrap .alm-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ajax-load-more-wrap .alm-listing li {
  position: relative;
  margin-bottom: 20px;
}
.ajax-load-more-wrap .alm-listing li figure {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
}
.ajax-load-more-wrap .alm-listing li figure img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .ajax-load-more-wrap .alm-listing li figure figure img {
    aspect-ratio: 12/7;
  }
}
.ajax-load-more-wrap .alm-listing li figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgb(3, 3, 3)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(3, 3, 3) 70%);
  opacity: 0.4;
}
.ajax-load-more-wrap .alm-listing li .entry-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.ajax-load-more-wrap .alm-listing li .entry-meta .tag {
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
}
.ajax-load-more-wrap .alm-listing li .entry-meta time {
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: right;
  font-family: "Poppins", sans-serif;
}
.ajax-load-more-wrap .alm-listing li .entry-info {
  position: absolute;
  bottom: 0;
  padding: 24px;
  color: #ffffff;
  width: 100%;
}
.ajax-load-more-wrap .alm-listing li .entry-info h2 {
  color: #ffffff;
  line-height: 1.3;
}
.ajax-load-more-wrap .alm-listing li .entry-info h2 br {
  display: none;
}
.ajax-load-more-wrap .alm-listing li h2 {
  font-size: 20px;
  line-height: 1.9;
  width: 100%;
  font-weight: 600;
}
.ajax-load-more-wrap .alm-listing li:last-child {
  margin-bottom: 0;
}

.alm-btn-wrap .alm-load-more-btn {
  width: 100%;
  line-height: 60px;
  background: #5ac2d9;
  height: auto;
  border-radius: 30px;
  font-size: 16px;
}

#sec_search .ajax-load-more-wrap .alm-listing li .entry-info {
  position: static;
  padding: 0;
}
#sec_search .ajax-load-more-wrap .alm-listing li .entry-info h2 {
  color: #3c3c3c;
}

#sec_latest {
  margin: 0 0 70px 0;
  padding: 0;
}
#sec_latest .container {
  width: 100%;
}
#sec_latest .container .headline {
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #a0a0a0;
}
#sec_latest .container .list_post {
  width: 100%;
}
#sec_latest .container .list_post li {
  position: relative;
  margin-bottom: 30px;
}
#sec_latest .container .list_post li a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
#sec_latest .container .list_post li figure {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
}
#sec_latest .container .list_post li figure img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  #sec_latest .container .list_post li figure figure img {
    aspect-ratio: 12/7;
  }
}
#sec_latest .container .list_post li figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgb(3, 3, 3)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(3, 3, 3) 70%);
  opacity: 0.4;
}
#sec_latest .container .list_post li .entry-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
#sec_latest .container .list_post li .entry-meta .tag {
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 300;
}
#sec_latest .container .list_post li .entry-meta time {
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: right;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 300;
}
#sec_latest .container .list_post li .entry-info {
  position: absolute;
  bottom: 0;
  padding: 24px;
  color: #ffffff;
  width: 100%;
}
#sec_latest .container .list_post li .entry-info h2 {
  font-size: 18px;
  line-height: 26px;
  text-align: justify;
  color: #ffffff;
  position: relative;
  z-index: 300;
}
#sec_latest .container .list_post li .entry-info h2 br {
  display: none;
}
#sec_latest .container .list_post li h2 {
  font-size: 20px;
  line-height: 1.9;
  width: 100%;
  font-weight: 600;
}
#sec_latest .container .list_post li:last-child {
  margin-bottom: 0;
}
#sec_latest .container .btn {
  text-align: right;
}
#sec_latest .container .btn a {
  color: #ffffff;
}
#sec_latest .container .wp-pagenavi {
  margin-top: 40px;
  text-align: center;
}
#sec_latest .container .wp-pagenavi a {
  border: none;
  background: #5ac2d9;
  color: #ffffff;
  line-height: 1;
  padding: 15px;
  border-radius: 10px;
  line-height: 50px;
  width: 50px;
}
#sec_latest .container .wp-pagenavi span {
  border: none;
  padding: 15px;
  color: #5ac2d9;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #sec_latest .container {
    width: 100%;
    padding: 0;
  }
  #sec_latest .container .headline {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #sec_latest .container .headline p {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    letter-spacing: 0;
  }
  #sec_latest .container .headline h2 {
    display: inline-block;
  }
  #sec_latest .container .list_post {
    display: grid;
    grid-template-rows: 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px;
    grid-template-columns: 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px 10px;
    gap: 0px;
    height: 100%;
  }
  #sec_latest .container .list_post li {
    margin-bottom: 0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
  }
  #sec_latest .container .list_post li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  #sec_latest .container .list_post li a:hover {
    background: rgba(0, 0, 0, 0.7019607843);
  }
  #sec_latest .container .list_post li figure {
    height: 100%;
    width: 100%;
  }
  #sec_latest .container .list_post li figure img {
    height: 100%;
  }
  #sec_latest .container .list_post li h2 {
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
  }
  #sec_latest .container .list_post li h2 br {
    display: block;
  }
  #sec_latest .container .list_post li:first-child {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 46;
    grid-column-end: 46;
  }
  #sec_latest .container .list_post li:nth-child(2) {
    grid-column-start: 49;
    grid-row-start: 1;
    grid-column-end: 81;
    grid-row-end: 22;
  }
  #sec_latest .container .list_post li:nth-child(3) {
    grid-row-start: 24;
    grid-column-start: 49;
    grid-row-end: 46;
    grid-column-end: 81;
  }
  #sec_latest .container .list_post li:nth-child(4) {
    grid-row-start: 81;
    grid-column-start: 1;
    grid-row-end: 49;
    grid-column-end: 33;
  }
  #sec_latest .container .list_post li:nth-child(5) {
    grid-row-start: 81;
    grid-column-start: 81;
    grid-row-end: 49;
    grid-column-end: 36;
  }
  #sec_latest .container .list_post li:nth-child(6) {
    grid-row-start: 84;
    grid-column-start: 1;
    grid-row-end: 116;
    grid-column-end: 46;
  }
  #sec_latest .container .list_post li:nth-child(7) {
    grid-row-start: 105;
    grid-column-start: 49;
    grid-row-end: 84;
    grid-column-end: 81;
  }
  #sec_latest .container .list_post li:nth-child(8) {
    grid-row-start: 164;
    grid-column-start: 1;
    grid-row-end: 119;
    grid-column-end: 46;
  }
  #sec_latest .container .list_post li:nth-child(9) {
    grid-row-start: 164;
    grid-column-start: 81;
    grid-row-end: 143;
    grid-column-end: 49;
  }
  #sec_latest .container .list_post li:nth-child(10) {
    grid-row-start: 108;
    grid-column-start: 83;
    grid-row-end: 140;
    grid-column-end: 49;
  }
  #sec_latest .container .list_post li:nth-child(11) {
    grid-row-start: 167;
    grid-column-start: 1;
    grid-row-end: 199;
    grid-column-end: 33;
  }
  #sec_latest .container .list_post li:nth-child(12) {
    grid-row-start: 167;
    grid-column-start: 81;
    grid-row-end: 199;
    grid-column-end: 36;
  }
  #sec_latest .container .alm-listing {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #sec_latest .container .alm-listing li {
    margin-bottom: 0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 385px;
    height: 262px;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
  }
  #sec_latest .container .alm-listing li:nth-child(2n) {
    margin-right: 0;
  }
  #sec_latest .container .alm-listing li img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #sec_latest .container .alm-listing li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  #sec_latest .container .alm-listing li a:hover {
    background: rgba(0, 0, 0, 0.7019607843);
  }
  #sec_latest .container .alm-listing li figure {
    height: 100%;
    width: 100%;
  }
  #sec_latest .container .alm-listing li figure img {
    height: 100%;
  }
  #sec_latest .container .alm-listing li figure:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, rgb(3, 3, 3)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(3, 3, 3) 70%);
    opacity: 0.4;
  }
  #sec_latest .container .alm-listing li .entry-info {
    position: absolute;
    bottom: 0;
    padding: 24px;
    color: #ffffff;
    width: 100%;
  }
  #sec_latest .container .alm-listing li .entry-info h2 {
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
  }
  #sec_latest .container .alm-listing li .entry-info h2 br {
    display: none;
  }
  #sec_latest .container .alm-listing li .entry-info .entry-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  #sec_latest .container .alm-listing li .entry-info .entry-meta .tag {
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
  }
  #sec_latest .container .alm-listing li .entry-info .entry-meta time {
    font-size: 13px;
    color: #ffffff;
    text-align: right;
    font-family: "Poppins", sans-serif;
  }
  #sec_latest .container .alm-listing li h2 {
    font-size: 20px;
    line-height: 1.9;
    width: 100%;
    font-weight: 600;
  }
}

#sec_recommend {
  background: #5ac2d9;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  padding: 60px 0 0;
}
@media screen and (min-width: 768px) {
  #sec_recommend {
    padding: 0;
  }
}
#sec_recommend .headline {
  padding-bottom: 0px;
  margin-bottom: 50px;
}
#sec_recommend .headline h2 {
  display: inline-block;
  text-align: center;
}
#sec_recommend .headline p {
  color: #ffffff;
  display: inline-block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #sec_recommend .headline {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0;
  }
  #sec_recommend .headline h2 {
    color: #3c3c3c;
    font-size: 20px;
    text-align: left;
  }
  #sec_recommend .headline p {
    letter-spacing: 0.05em;
    color: #5ac2d9;
    font-size: 14px;
    text-align: left;
  }
}
#sec_recommend .container {
  padding: 0 0 30px 20px;
}
#sec_recommend .container .scroll_content {
  /* リスト全体のスタイル */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 800px;
  margin: auto;
  overflow-x: auto;
}
#sec_recommend .container .scroll_content li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  list-style: none;
}
#sec_recommend .container .wpp-list,
#sec_recommend .container .list_post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  margin: auto;
  overflow-x: auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#sec_recommend .container .wpp-list .item,
#sec_recommend .container .list_post .item {
  width: 300px;
  margin-right: 30px;
  padding: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  list-style: none;
  position: relative;
}
@media screen and (min-width: 768px) {
  #sec_recommend .container .wpp-list .item,
  #sec_recommend .container .list_post .item {
    width: 100%;
    margin-right: 0;
  }
}
#sec_recommend .container .wpp-list .item .link,
#sec_recommend .container .list_post .item .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#sec_recommend .container .wpp-list .item figure,
#sec_recommend .container .list_post .item figure {
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 25px;
}
#sec_recommend .container .wpp-list .item figure img,
#sec_recommend .container .list_post .item figure img {
  width: 100%;
  height: 176px;
  -o-object-fit: cover;
     object-fit: cover;
}
#sec_recommend .container .wpp-list .item .entry-meta,
#sec_recommend .container .list_post .item .entry-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#sec_recommend .container .wpp-list .item .entry-meta .tag,
#sec_recommend .container .list_post .item .entry-meta .tag {
  line-height: 1;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 0;
}
#sec_recommend .container .wpp-list .item .entry-meta .tag p,
#sec_recommend .container .list_post .item .entry-meta .tag p {
  margin-bottom: 0;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #sec_recommend .container .wpp-list .item .entry-meta .tag p,
  #sec_recommend .container .list_post .item .entry-meta .tag p {
    color: #5ac2d9;
    font-size: 13px;
    line-height: 1;
  }
}
#sec_recommend .container .wpp-list .item .entry-meta .time,
#sec_recommend .container .wpp-list .item .entry-meta time,
#sec_recommend .container .list_post .item .entry-meta .time,
#sec_recommend .container .list_post .item .entry-meta time {
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: right;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #sec_recommend .container .wpp-list .item .entry-meta .tag,
  #sec_recommend .container .list_post .item .entry-meta .tag {
    font-size: 13px;
  }
  #sec_recommend .container .wpp-list .item .entry-meta .tag a,
  #sec_recommend .container .list_post .item .entry-meta .tag a {
    color: #5ac2d9;
  }
  #sec_recommend .container .wpp-list .item .entry-meta .time,
  #sec_recommend .container .wpp-list .item .entry-meta time,
  #sec_recommend .container .list_post .item .entry-meta .time,
  #sec_recommend .container .list_post .item .entry-meta time {
    font-size: 13px;
    color: #a0a0a0;
  }
}
#sec_recommend .container .wpp-list .item h2,
#sec_recommend .container .list_post .item h2 {
  width: 100%;
  font-weight: 600;
  line-height: 26px;
  font-size: 18px;
  text-align: justify;
  color: #231815;
}
#sec_recommend .container .wpp-list .item h2 br,
#sec_recommend .container .list_post .item h2 br {
  display: none;
}
@media screen and (min-width: 768px) {
  #sec_recommend .container .wpp-list .item h2,
  #sec_recommend .container .list_post .item h2 {
    margin-bottom: 0;
  }
}
#sec_recommend .container .wpp-list .item:last-child,
#sec_recommend .container .list_post .item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #sec_recommend .container {
    padding: 60px 0 20px;
  }
  #sec_recommend .container .headline {
    border: none;
  }
  #sec_recommend .container .headline p {
    color: #5ac2d9;
    font-size: 14px;
    display: block;
    letter-spacing: 0.05em;
  }
  #sec_recommend .container .headline h2 {
    font-size: 20px;
    display: block;
  }
  #sec_recommend .container .wpp-list,
  #sec_recommend .container .list_post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  #sec_recommend .container .wpp-list h2,
  #sec_recommend .container .list_post h2 {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0;
  }
}

#sec_about .container .leftbox {
  width: 100%;
}
#sec_about .container .leftbox h2 {
  margin-bottom: 30px;
}
#sec_about .container .rightbox {
  width: 100%;
}
#sec_about .container .rightbox img {
  height: 300px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  #sec_about {
    margin: 100px 0;
  }
  #sec_about .container {
    width: 100%;
    padding: 0 30px;
  }
  #sec_about .container .leftbox {
    width: 500px;
  }
  #sec_about .container .rightbox {
    width: 600px;
  }
}

.wrap {
  margin-top: 50px;
  padding: 0 20px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .wrap.wrap_2col .entry-content {
    width: auto;
  }
}
.wrap.single-wrap {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .wrap {
    padding: 20px 20px 0;
  }
}
.wrap .entry-header {
  margin-bottom: 50px;
}
.wrap .entry-header .entry-title {
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 22px;
  line-height: 36px;
}
@media screen and (min-width: 768px) {
  .wrap .entry-header .entry-title {
    font-size: 34px;
    line-height: 48px;
  }
}
.wrap .entry-header .entry-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap .entry-header .entry-meta time {
  font-family: "Poppins", sans-serif;
  margin: 10px 0;
  font-size: 12px;
  display: block;
  text-align: right;
  width: 100%;
  color: #a0a0a0;
}
.wrap .entry-header .entry-meta .entry-meta_cat {
  line-height: 1;
  width: 100%;
}
.wrap .entry-header .entry-meta .entry-meta_cat a {
  color: #5ac2d9;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  display: inline-block;
  margin-right: 20px;
  letter-spacing: 0.05em;
}
.wrap .entry-header .entry-meta .entry-meta_cat time {
  line-height: 1;
  letter-spacing: 0.05em;
}
.wrap ul li {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap ul li time {
  width: 100px;
}
.wrap ul li h2 {
  font-weight: normal;
  font-size: 20px;
  width: calc(100% - 100px);
}
.wrap .entry-excerpt {
  border-top: 2px solid #3c3c3c;
  padding: 40px 0;
  margin-bottom: 50px;
  border-bottom: 2px solid #3c3c3c;
}
.wrap .entry-excerpt p {
  font-size: 18px;
}
.wrap .entry-content h2 {
  font-size: 19px;
  line-height: 32px;
  margin-bottom: 30px;
}
.wrap .entry-content h3 {
  font-size: 19px;
  line-height: 32px;
  margin-bottom: 30px;
}
.wrap .entry-content figure {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .wrap .entry-content figure {
    margin: 70px 0;
    width: 100%;
  }
  .wrap .entry-content figure img {
    width: 100%;
  }
}
.wrap .entry-content .profile {
  border: 1px solid #000000;
  padding: 40px;
  margin-bottom: 50px;
}
.wrap .entry-content .profile p {
  font-size: 14px;
  line-height: 24px;
}
.wrap .entry-content .profile figure {
  margin-top: 0;
  margin-bottom: 30px;
}
.wrap .entry-content p {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 30px;
}
@media screen and (min-width: 768px) {
  .wrap .entry-content p {
    font-size: 18px;
    line-height: 32px;
  }
}
.wrap .entry-content .wp-block-separator {
  border: 1px solid #a0a0a0;
  margin: 50px 0;
}
.wrap .entry-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0;
  margin: 50px 0 0;
  border-top: 1px solid #a0a0a0;
}
.wrap .entry-footer .cat-links {
  font-size: 12px;
}
.wrap .entry-footer .cat-links a {
  background: #a0a0a0;
  font-size: 12px;
  padding: 3px 5px;
  line-height: 1;
  display: inline-block;
}
.wrap .post-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0;
  margin: 0 0 50px 0;
  border-top: 1px solid #a0a0a0;
}
.wrap .post-navigation .nav-links .nav-previous,
.wrap .post-navigation .nav-links .nav-next {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
}
.wrap .post-navigation .nav-links .nav-previous a,
.wrap .post-navigation .nav-links .nav-next a {
  text-decoration: none;
  font-size: 13px;
}
.wrap .post-navigation .nav-links .nav-previous a .nav-subtitle,
.wrap .post-navigation .nav-links .nav-next a .nav-subtitle {
  display: inline-block;
  background: #3c3c3c;
  color: #ffffff;
  font-size: 11px;
  padding: 5px;
  line-height: 1;
  border-radius: 4px;
}
.wrap .post-navigation .nav-links .nav-previous.nav-previous,
.wrap .post-navigation .nav-links .nav-next.nav-previous {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wrap .post-navigation .nav-links .nav-previous.nav-previous .nav-subtitle,
.wrap .post-navigation .nav-links .nav-next.nav-previous .nav-subtitle {
  margin-right: 15px;
}
.wrap .post-navigation .nav-links .nav-previous.nav-next,
.wrap .post-navigation .nav-links .nav-next.nav-next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.wrap .post-navigation .nav-links .nav-previous.nav-next .nav-subtitle,
.wrap .post-navigation .nav-links .nav-next.nav-next .nav-subtitle {
  margin-left: 15px;
}
.wrap .box-archive {
  padding: 0;
}
.wrap aside {
  width: 100%;
  padding: 0;
}
.wrap aside .box-archive,
.wrap aside article {
  width: 100%;
  padding: 30px;
}
.wrap aside .list_tag li {
  display: inline-block;
  margin: 0 10px 10px 0;
}
.wrap aside .list_tag li a {
  border: 1px solid #a0a0a0;
}
.wrap aside .list_category li {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .wrap aside .list_category li {
    margin-bottom: 30px;
  }
}
.wrap aside .list_category li a {
  color: #5ac2d9;
}
.wrap aside .list_category li:last-child {
  margin-bottom: 0;
}
.wrap aside #sec_keyword {
  display: none;
}
@media screen and (min-width: 768px) {
  .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1180px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 140px auto;
    padding: 0;
  }
  .wrap .box-archive,
  .wrap article {
    width: 100%;
    padding: 0px;
  }
  .wrap .box-archive {
    width: 800px;
  }
  .wrap main {
    width: 800px;
  }
  .wrap aside {
    width: 300px;
    padding: 0;
  }
  .wrap aside section {
    margin-bottom: 40px;
  }
  .wrap aside section .container {
    width: 100%;
  }
  .wrap aside section .container .headline p {
    color: #5ac2d9;
    font-size: 14px;
    letter-spacing: 0.05em;
  }
  .wrap aside section .container .headline h2 {
    font-size: 20px;
    font-weight: 600;
  }
  .wrap aside section#sec_keyword {
    margin-bottom: 70px;
    padding-bottom: 70px;
    border-bottom: 1px solid #a0a0a0;
    display: block;
  }
  .wrap aside section .view_tags a {
    font-weight: 600;
  }
  .wrap aside #sec_recommend {
    width: 100%;
    margin: 0;
    background: transparent;
  }
  .wrap aside #sec_recommend .container {
    width: 100%;
    padding: 0;
  }
}

/* コンタクトフォーム */
.reset_btn {
  position: relative;
}
.reset_btn button {
  /* position: absolute;
  left: 0px;
  top: 50px; */
  font-size: 14px;
  border-radius: 5px;
  border: 0;
  background: #d9d9d9;
  width: 160px;
  height: 40px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .reset_btn button {
    /* left: 340px; */
  }
}

.form_table {
  width: 100%;
  margin: 0 auto;
  vertical-align: top;
  overflow: scroll;
}
.form_table tr:nth-child(even) {
  background: rgba(217, 217, 217, 0.2705882353);
}
.form_table tr th {
  padding: 20px 15px 0;
  display: block;
  text-align: left;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .form_table tr th {
    width: 210px;
    display: table-cell;
    line-height: 1;
    vertical-align: top;
  }
  .form_table tr th p {
    display: inline;
  }
}
.form_table tr th:before {
  content: "⚫︎";
  margin-right: 5px;
}
.form_table tr th.required:after {
  content: "必須";
  font-size: 10px;
  background: #5ac2d9;
  line-height: 1;
  margin-top: 0;
  color: #ffffff;
  padding: 2px 5px;
  border-radius: 3px;
  margin-left: 5px;
  display: inline-block;
}
.form_table tr td {
  display: block;
  padding: 10px 15px 20px;
}
@media screen and (min-width: 768px) {
  .form_table tr td {
    width: calc(100% - 210px);
    padding: 20px 20px 20px 0;
  }
}
.form_table tr td .wpcf7-form-control-wrap {
  margin-bottom: 10px;
}
.form_table tr td .wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form_table tr td .wpcf7-radio .wpcf7-list-item {
  width: 160px;
  font-size: 11px;
  margin-bottom: 10px;
}
.form_table tr td .wpcf7-radio .wpcf7-list-item:nth-child(5), .form_table tr td .wpcf7-radio .wpcf7-list-item:nth-child(6) {
  margin-bottom: 0;
}
.form_table tr td select,
.form_table tr td input,
.form_table tr td textarea {
  background: #ffffff;
  border: 1px solid #a0a0a0;
  padding: 6px;
  width: calc(100% - 20px);
  border-radius: 3px;
  font-size: 16px;
}
.form_table tr td select#pref,
.form_table tr td input#pref,
.form_table tr td textarea#pref {
  width: auto;
  margin-bottom: 5px;
}
.form_table tr td select {
  width: auto;
}
.form_table tr td .wpcf7-form-control .wpcf7-select {
  margin-bottom: 10px;
}
.form_table tr td .mw_wp_form_confirm .reset-button {
  display: none;
}
.form_table tr td .mwform-radio-field.horizontal-item {
  display: inline-block;
  margin-left: 0;
  margin-bottom: 15px;
  line-height: 1;
  width: 49%;
  font-size: 11px;
}
@media screen and (min-width: 768px) {
  .form_table tr td .mwform-radio-field.horizontal-item {
    width: 240px;
  }
}
.form_table tr td .mwform-radio-field.horizontal-item:nth-child(5), .form_table tr td .mwform-radio-field.horizontal-item:nth-child(6) {
  margin-bottom: 0;
}
.form_table tr td label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form_table tr td input[type=radio] {
  display: inline-block;
  width: auto;
  margin-top: 0;
  margin-left: 0;
}
.form_table .vertical-item input {
  width: auto;
}

.btnWrap {
  text-align: center;
  margin: 50px 0 0px;
}
.btnWrap + .btnWrap {
  margin: 25px 0 50px;
}
.btnWrap input {
  background: #5ac2d9;
  color: #ffffff;
  font-size: 14px;
  border: 0;
  width: 160px;
  height: 40px;
  cursor: pointer;
  border-radius: 5px;
  /* -webkit-transform: translateX(87px);
          transform: translateX(87px); */
}
@media screen and (min-width: 768px) {
  .btnWrap input {
    /* -webkit-transform: translateX(150px);
            transform: translateX(150px); */
  }
}
.btnWrap input[name=submitBack] {
  border: 1px solid #5ac2d9;
  background: #ffffff;
  padding: 20px;
  color: #5ac2d9;
  border-radius: 5px;
  cursor: pointer;
}

.check {
  text-align: center;
}

.breadcrumbs {
  padding: 15px;
  line-height: 1.6;
  font-size: 12px;
  color: #a0a0a0;
  margin-top: 50px;
}
.breadcrumbs a {
  color: #a0a0a0;
}
.breadcrumbs span br {
  display: none;
}
@media screen and (min-width: 768px) {
  .breadcrumbs {
    padding: 20px 30px;
    margin-top: 80px;
  }
}

.single #sec_recommend {
  background: #5ac2d9;
  margin-top: 80px;
  padding-top: 60px;
}
.single #sec_recommend .wpp-list,
.single #sec_recommend .list_post {
  padding-bottom: 105px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single #sec_recommend .wpp-list .item,
.single #sec_recommend .list_post .item {
  margin-bottom: 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .single #sec_recommend .wpp-list .item,
  .single #sec_recommend .list_post .item {
    width: 330px;
  }
}
.single #sec_recommend .wpp-list .item a,
.single #sec_recommend .list_post .item a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single #sec_recommend .wpp-list .item figure,
.single #sec_recommend .list_post .item figure {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 25px;
}
.single #sec_recommend .wpp-list .item figure img,
.single #sec_recommend .list_post .item figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .single #sec_recommend .wpp-list .item figure img,
  .single #sec_recommend .list_post .item figure img {
    height: 194px;
  }
}
.single #sec_recommend .wpp-list .item .entry-meta,
.single #sec_recommend .list_post .item .entry-meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 25px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single #sec_recommend .wpp-list .item .entry-meta .tag p,
.single #sec_recommend .list_post .item .entry-meta .tag p {
  line-height: 1;
}
.single #sec_recommend .wpp-list .item .entry-meta .tag p a,
.single #sec_recommend .list_post .item .entry-meta .tag p a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
.single #sec_recommend .wpp-list .item .entry-meta .time,
.single #sec_recommend .wpp-list .item .entry-meta time,
.single #sec_recommend .list_post .item .entry-meta .time,
.single #sec_recommend .list_post .item .entry-meta time {
  font-size: 13px;
  color: #ffffff;
  letter-spacing: 0;
  font-family: "Poppins", sans-serif;
}
.single #sec_recommend .wpp-list .item:last-child,
.single #sec_recommend .list_post .item:last-child {
  margin-bottom: 0;
}
.single #sec_recommend .wpp-list .item h2,
.single #sec_recommend .list_post .item h2 {
  font-size: 20px;
  line-height: 28px;
}
@media screen and (min-width: 768px) {
  .single #sec_recommend .wpp-list,
  .single #sec_recommend .list_post {
    width: 1080px;
    max-width: none;
  }
}
.single #sec_recommend .headline {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-bottom: 60px;
  border: none;
}
.single #sec_recommend .headline p {
  color: #ffffff;
  font-size: 38px;
  text-align: center;
  margin-bottom: 20px;
}
.single #sec_recommend .headline h2 {
  color: #3c3c3c;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .single #sec_recommend {
    margin-top: 0;
    padding-top: 0;
  }
  .single #sec_recommend .headline p {
    font-size: 59px;
  }
}
.single .single-post .post-thumbnail img {
  height: 395px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single .single-post .entry-header {
  margin-bottom: 50px;
}
.single .single-post .entry-header .author_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single .single-post .entry-header .author_info .author_name .name {
  font-size: 18px;
  font-weight: 600;
}
.single .single-post .entry-header .author_info .author_name .katagaki {
  font-size: 14px;
  font-weight: 600;
}
.single .single-post .entry-header .author_info .author_avatar {
  width: 60px;
  height: 60px;
  border: 1px solid #3c3c3c;
  overflow: hidden;
  border-radius: 40px;
  margin-right: 20px;
}
.single .single-post .entry-header .tags a {
  font-size: 14px;
  color: #a0a0a0;
  background: #ffffff;
  border-radius: 20px;
  padding: 8px 16px;
  line-height: 1;
  margin: 0 10px 0px 0;
  border: 1px solid #a0a0a0;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .single .single-post {
    padding-bottom: 100px;
  }
  .single .single-post .post-thumbnail {
    width: 100%;
    margin-bottom: 45px;
  }
  .single .single-post .post-thumbnail img {
    width: 100%;
    height: 450px;
  }
  .single .single-post .wrap {
    padding: 0;
    width: 780px;
    margin: 50px auto 0;
    display: block;
  }
  .single .sec_recommend {
    padding: 60px;
  }
  .single .sec_recommend .list_post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1080px;
    margin: 0 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .single .sec_recommend .list_post li {
    width: 330px;
  }
  .single .sec_recommend .list_post li:last-child {
    margin-right: 0;
  }
  .single .sec_recommend .list_post li .entry-meta {
    color: #ffffff;
    margin: 20px 0;
  }
  .single .sec_recommend .list_post li .entry-meta .tag p {
    font-weight: 600;
  }
  .single .sec_recommend .list_post li h2 {
    font-size: 16px;
  }
}

.archive .entry-title h2 {
  font-size: 20px;
  margin-bottom: 50px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a0a0a0;
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .archive .entry-title h2 {
    font-size: 38px;
  }
}
.archive .entry-title .archive-description {
  font-size: 15px;
  margin: 10px 0 0;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .archive .entry-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .archive .entry-title h2 {
    font-size: 20px;
  }
  .archive .entry-title .archive-description {
    font-size: 15px;
    margin-left: 30px;
  }
}
.archive #sec_recommend {
  margin-top: 60px;
}
.archive.category .entry-title {
  margin-bottom: 57px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a0a0a0;
}
@media screen and (min-width: 768px) {
  .archive.category .entry-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: auto;
  }
}
.archive.category .entry-title h2 {
  font-size: 38px;
  font-family: "Poppins", sans-serif;
  color: #5ac2d9;
  font-weight: 600;
  text-align: center;
  border: none;
  display: block;
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .archive.category .entry-title h2 {
    font-size: 38px;
    width: auto;
  }
}
.archive.category .entry-title .archive-description p {
  text-align: center;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .archive.category .entry-title .archive-description {
    margin-top: 0;
  }
}

.page .entry-header {
  margin-top: 60px;
  margin-bottom: 60px;
}
.page .entry-header h1 {
  text-align: center;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .page .entry-header {
    margin-top: 0;
    margin-bottom: 80px;
  }
}
.page .site-main p {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .page .site-main {
    width: 980px;
    margin: 100px auto;
  }
}
.page .entry-content {
  width: auto;
  padding: 0 20px 30px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .page .entry-content {
    width: 980px;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .acc {
    display: none;
  }
}

.tabs_block {
  display: none;
}
@media screen and (min-width: 768px) {
  .tabs_block {
    display: block;
  }
}
.tabs_block .bbc-utb-free-tab-label-wrapper .bbc-utb-free-tab-label {
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  background: #5ac2d9;
  line-height: 1.1;
  letter-spacing: 0;
  padding: 17px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabs_block .bbc-utb-free-tab-label-wrapper .bbc-utb-free-border-width-10 {
  border-top: 1px solid #3c3c3c;
  margin: 0;
  padding-top: 40px;
}
.tabs_block .bbc-utb-free-tab-label-wrapper input.save[id$=_2]:checked ~ .bbc-utb-free-tab-label[for$=_2],
.tabs_block .bbc-utb-free-tab-label-wrapper input.save[id$=_1]:checked ~ .bbc-utb-free-tab-label[for$=_1],
.tabs_block .bbc-utb-free-tab-label-wrapper input.save[id$=_0]:checked ~ .bbc-utb-free-tab-label[for$=_0] {
  background: #ffffff;
  color: #3c3c3c;
  position: relative;
  z-index: 1;
  margin-bottom: -2px;
}
.tabs_block .wp-block-beginner-blogger-tab label {
  line-height: 1.1;
}
.tabs_block .wp-block-beginner-blogger-tab label[for=tab_id_20240417103448_0] {
  width: 220px;
  -webkit-transform: translate(20px, 0px);
          transform: translate(20px, 0px);
}
.tabs_block .wp-block-beginner-blogger-tab label[for=tab_id_20240417103448_1] {
  width: 470px;
}
.tabs_block .wp-block-beginner-blogger-tab label[for=tab_id_20240417103448_2] {
  width: 220px;
  -webkit-transform: translate(15px, 0px);
          transform: translate(15px, 0px);
}
.tabs_block .bbc-utb-free-tab-content {
  line-height: 1.7;
}
.tabs_block .bbc-utb-free-tab-content h2 {
  font-size: 20px;
  border-bottom: 1px solid #a0a0a0;
  padding-bottom: 10px;
  margin-bottom: 30px;
  line-height: 1;
}
.tabs_block .bbc-utb-free-tab-content h3 {
  margin: 30px 0;
  font-size: 16px;
}

.wp-embed {
  display: table;
  text-decoration: none;
  color: #3c3c3c;
  overflow: hidden;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}
.wp-embed .wp-embed-featured-image {
  display: table-cell;
  width: 100px;
}
.wp-embed .wp-embed-featured-image img {
  vertical-align: bottom;
  width: 100px;
  max-width: 100%;
  height: auto;
}
.wp-embed .wp-embed-heading {
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
}

/*モーダルを開くボタン*/
.modal-open {
  cursor: pointer;
}

/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 0;
  overflow: scroll;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10000;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active {
  opacity: 1;
  visibility: visible;
}

/*モーダル枠の指定*/
.modal-body {
  position: relative;
  display: inline-block;
  overflow: scroll;
  width: 100%;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .modal-body {
    vertical-align: middle;
    width: 770px;
    padding: 100px 0;
  }
}

/*モーダルを閉じるボタンの指定*/
.modal-close {
  position: static;
  background: #5ac2d9;
  display: block;
  text-align: center;
  width: 100%;
  line-height: 150px;
  color: #ffffff;
  cursor: pointer;
}
.modal-close img {
  width: 73px;
  vertical-align: middle;
}

/*モーダル内のコンテンツの指定*/
.modal-content {
  background: #ffffff;
  text-align: left;
  padding: 0;
  overflow: scroll;
}
.modal-content .modal-head {
  background: #5ac2d9;
  text-align: center;
  padding: 22px;
}
.modal-content .modal-head img {
  width: 156px;
}
.modal-content .modal-inbody {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .modal-content .modal-inbody {
    padding: 50px;
  }
}
.modal-content .modal-inbody .intro {
  font-size: 11px;
}
.modal-content .modal-inbody .red {
  font-size: 11px;
  color: #f00;
  margin: 30px 0;
}
.modal-content .modal-inbody .notion {
  text-align: center;
  font-size: 11px;
  margin: 20px 0;
}

@media screen and (min-width: 768px) {
  .home .wrap {
    margin-top: 60px;
    margin-bottom: 115px;
  }
}

.page-id-697,
.page-id-2,
.page-id-2551 {
  background: #5ac2d9;
}
.page-id-697 .breadcrumbs,
.page-id-2 .breadcrumbs,
.page-id-2551 .breadcrumbs {
  color: #ffffff;
}
.page-id-697 .entry-header,
.page-id-2 .entry-header,
.page-id-2551 .entry-header {
  display: none;
}
.page-id-697 .site-main,
.page-id-2 .site-main,
.page-id-2551 .site-main {
  background: #5ac2d9;
  color: #ffffff;
  padding: 0px;
}
@media screen and (min-width: 768px) {
  .page-id-697 .site-main,
  .page-id-2 .site-main,
  .page-id-2551 .site-main {
    margin-top: 130px;
    padding: 30px;
  }
}
.page-id-697 .headline,
.page-id-2 .headline,
.page-id-2551 .headline {
  text-align: center;
  margin-bottom: 65px;
}
.page-id-697 .headline .ai_headline_sp,
.page-id-2 .headline .ai_headline_sp,
.page-id-2551 .headline .ai_headline_sp {
  margin-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-id-697 .headline .ai_headline_sp .about_headline,
.page-id-2 .headline .ai_headline_sp .about_headline,
.page-id-2551 .headline .ai_headline_sp .about_headline {
  font-size: 20px;
  line-height: 1.75;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 15px;
  display: inline-block;
  width: 100%;
  margin: 0 auto 20px;
  letter-spacing: 0.05em;
}
.page-id-697 .headline .ai_headline_sp .about_headline:nth-child(2),
.page-id-2 .headline .ai_headline_sp .about_headline:nth-child(2),
.page-id-2551 .headline .ai_headline_sp .about_headline:nth-child(2) {
  width: 237px;
}
.page-id-697 .headline .ai_headline_sp .wp-block-group__inner-container,
.page-id-2 .headline .ai_headline_sp .wp-block-group__inner-container,
.page-id-2551 .headline .ai_headline_sp .wp-block-group__inner-container {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .page-id-697 .headline .ai_headline_sp,
  .page-id-2 .headline .ai_headline_sp,
  .page-id-2551 .headline .ai_headline_sp {
    display: none;
  }
}
.page-id-697 .headline .ai_headline_pc,
.page-id-2 .headline .ai_headline_pc,
.page-id-2551 .headline .ai_headline_pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .page-id-697 .headline .ai_headline_pc,
  .page-id-2 .headline .ai_headline_pc,
  .page-id-2551 .headline .ai_headline_pc {
    display: inline-block;
  }
  .page-id-697 .headline .ai_headline_pc h2,
  .page-id-2 .headline .ai_headline_pc h2,
  .page-id-2551 .headline .ai_headline_pc h2 {
    text-align: center;
    border-bottom: 2px solid #ffffff;
    font-size: 45px;
    padding-bottom: 15px;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 150%;
  }
}
.page-id-697 .wp-block-separator,
.page-id-2 .wp-block-separator,
.page-id-2551 .wp-block-separator {
  width: auto;
  margin: 15px auto 60px;
}
.page-id-697 .content_text p,
.page-id-2 .content_text p,
.page-id-2551 .content_text p {
  text-align: center;
  font-size: 16px;
  line-height: 34px;
  letter-spacing: -0.01em;
  font-weight: 600;
}
.page-id-697 .contents_pc,
.page-id-2 .contents_pc,
.page-id-2551 .contents_pc {
  display: none;
}
.page-id-697 .contents_sp,
.page-id-2 .contents_sp,
.page-id-2551 .contents_sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .page-id-697 .ai_headline_sp,
  .page-id-2 .ai_headline_sp,
  .page-id-2551 .ai_headline_sp {
    display: none;
  }
  .page-id-697 .about_headline_pc,
  .page-id-2 .about_headline_pc,
  .page-id-2551 .about_headline_pc {
    font-size: 45px;
    letter-spacing: 2.25px;
    text-indent: 30px;
    text-align: center;
  }
  .page-id-697 .about_headline_pc br,
  .page-id-2 .about_headline_pc br,
  .page-id-2551 .about_headline_pc br {
    display: none;
  }
  .page-id-697 .wp-block-separator,
  .page-id-2 .wp-block-separator,
  .page-id-2551 .wp-block-separator {
    width: 500px;
  }
  .page-id-697 .site-main,
  .page-id-2 .site-main,
  .page-id-2551 .site-main {
    padding: 0 0 40px;
  }
  .page-id-697 .content_text p,
  .page-id-2 .content_text p,
  .page-id-2551 .content_text p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 40px;
  }
  .page-id-697 .contents_pc,
  .page-id-2 .contents_pc,
  .page-id-2551 .contents_pc {
    display: block;
  }
  .page-id-697 .contents_sp,
  .page-id-2 .contents_sp,
  .page-id-2551 .contents_sp {
    display: none;
  }
}

.page-id-314 .entry-header h1 {
  font-size: 24px;
}
.page-id-314 .entry-content .acc details summary {
  background: #5ac2d9;
  position: relative;
  z-index: 1;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  letter-spacing: 0;
  padding: 17px;
  margin-bottom: 30px;
  font-size: 14px;
  border: 1px solid #3c3c3c;
  color: #3c3c3c;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.page-id-314 .entry-content .acc details summary::marker {
  content: "";
}
.page-id-314 .entry-content .acc details h2 {
  font-size: 20px;
  border-bottom: 1px solid #a0a0a0;
  padding-bottom: 10px;
  margin-bottom: 30px;
  line-height: 24px;
}
.page-id-314 .entry-content .acc details h3 {
  font-size: 16px;
  margin-top: 50px;
  margin-bottom: 30px;
  line-height: 20px;
}
.page-id-314 .entry-content .acc details[open] {
  margin-bottom: 40px;
  font-size: 14px;
}
.page-id-314 .entry-content .acc details[open] summary {
  background: #ffffff;
}
.page-id-314 .entry-content a {
  text-decoration: underline;
}
.page-id-314 .entry-content .has-text-align-right {
  margin-bottom: 60px;
}
.page-id-314 .entry-content .define {
  padding-left: 1em;
  margin: 0;
}
.page-id-314 .entry-content .content {
  padding-left: 2em;
  text-indent: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .page-id-314 .entry-content h4 {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 15px;
  }
}
.page-id-314 .entry-content .wp-block-table table {
  width: 700px;
}
.page-id-314 .entry-content .wp-block-table table tr {
  border-bottom: 1px solid #d7d7d7;
}
.page-id-314 .entry-content .wp-block-table table tr:first-child {
  background: #f5f5f5;
  border: none;
}
.page-id-314 .entry-content .wp-block-table table tr:first-child td {
  padding: 8px 20px;
}
.page-id-314 .entry-content .wp-block-table table tr td {
  font-size: 14px;
  line-height: 26px;
  border: none;
  padding: 13px 20px;
}
.page-id-314 .entry-content .wp-block-table table tr td:first-child {
  width: 150px;
}
.page-id-314 .entry-content .wp-block-table table tr td:nth-child(2) {
  width: 450px;
  padding-left: 0;
}
.page-id-314 .entry-content .wp-block-table table tr td:nth-child(3) {
  width: 300px;
  padding-left: 0;
}
.page-id-314 .entry-content .wp-block-table table tr td:nth-child(4) {
  width: 100px;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .page-id-314 .entry-content .wp-block-table table tr td:nth-child(4) {
    width: 80px;
  }
}

.mw_wp_form {
  border-top: 1px solid #a0a0a0;
}


/* Added for code panel */
.wp-block-code {
  overflow: scroll;

	padding: 1.25rem;
	border: 1px solid rgb(229, 229, 229);
	border-radius: 4px;
	background-color: rgb(249, 249, 249);
	font-family: source-code-pro, Menlo, Monaco, "Courier New", Courier, monospace;
	line-height: 2.25rem;
	margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
	.wp-block-code {
		padding: 2.0rem;
	}
}



.content_text.relative {
  position: relative;
}

.about-ainyan {
  position: absolute;
  bottom: -100px;
  right: 10px;

  width: 100px;
}
@media screen and (min-width: 768px) {
	.about-ainyan {
    bottom: 40px;
    right: 20px;
  
    width: 160px;
  }
}