/* ========= MOBILE HEADER ========== */
@media only screen and (max-width: 780px) {
    .header__inner {
        padding: 10px 15px;
    }
    .header__logo img {
        width: 150px;
    }
	.hamburger {
		width: 35px;
		height: 15px;
	}
	.hamburger::before, .hamburger::after {
		height: 2.5px;
	}
	#menu-toggle:checked + .hamburger::before {
		left: 10px;
	}
	#menu-toggle:checked + .hamburger::after {
		left: 10px;
	}
	.header__nav--list {
		width: 70%;
	}
	.header__nav--list li a {
		font-size: 14px;
		letter-spacing: 0;
	}
	#container {
		padding-top: 63.48px;
	}
	.mv__slider {
		width: 100%;
		margin-left: 0;
		padding-bottom: 0;
		margin-bottom: 40px !important;
	}
	.mv__tag--text {
		font-size: 13px;
		margin-left: 0.3em;
	}
	.mv__tag--icon {
		width: fit-content;
	}
	.mv__tag--icon img {
		height: 1em;
	}
	.mv__slider--description {
		font-size: 16px;
	}
	.mv__slider--img:before {
		padding-top: 65%;
	}
	.ttl {
		padding: 15px 25px;
	}
	.ttl::before {
		top: 15px;
	}
	.ttl::after {
		top: 15px;
	}
	.ja {
		font-size: 18px;
	}
	.en {
		font-size: 13px;
	}
	.post__archive {
		padding: 20px 0;
	}
	.post__archive--description {
		width: 70%;
		padding-right: 1em;
	}
	.post__archive--img {
		width: 30%;
	}
	.post__archive--ttl {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 600;
    margin-bottom: 0.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
}
	.post__archive--item {
		padding: 10px 15px;
		margin-bottom: 15px;
	}
	.post__archive--txt {
		display: none;
	}
	.post__archive--tag {
		gap: 0px 10px;
		font-size: 11px;
		letter-spacing: 0;
		white-space: nowrap;
		flex-wrap: wrap;
	}
	.popular.tp_popular {
		padding-bottom: 50px;
	}
	.category__list ul li {
		width: 49%;
	}
	.category__list ul li:nth-child(3n) {
		margin-right: 2%;
	}
	.category__list ul li:nth-child(2n) {
		margin-right: 0;
	}
	.category__list a {
		width: 230px;
		max-width: 100%;
		padding: 14px;
		font-size: 15px;
	}
	.category.tp_category {
		padding-bottom: 50px;
	}
	.service__list--inner {
		padding: 20px 20px;
	}
	.service__list--inner a {
		margin: 15px 0;
	}
	.service.tp_service {
		padding-bottom: 50px;
	}
	.news__archive {
		margin-top: 30px;
	}
	.news__archive--content {
		font-size: 14px;
	}
	.news__archive--ttl {
		font-size: 16px;
		letter-spacing: 0;
	}
	.news.tp_news {
		padding-bottom: 70px;
	}
	.footer__nav--list ul {
		gap: 15px;
		font-size: 12px;
	}
	.footer__copyright {
		font-size: 10px;
		letter-spacing: 0px;
	}
	.page_top {
		bottom: 10px;
		right: 10px;
	}
	.category_page {
		margin-bottom: 50px;
	}
	.post__archive--ranking img {
		height: 1em;
	}
	.post__archive--ranking {
		font-size: 16px;
	}
	.area_search {
		padding: 40px 0;
	}
	.area_search__ttl {
		font-size: 20px;
		padding-left: 1.2em;
	}
	.area_search__ttl::before {
		width: 9px;
		height: 38px;
		left: 0;
		top: 1px;
	}
	.area_search__ttl::after {
		width: 9px;
		height: 38px;
		left: 6px;
		top: 1px;
	}
	.area_search__archive {
		margin: 20px 0 10px;
	}
	.area_search__archive ul li {
		width: 32%;
		margin-right: 2%;
	}
	.area_search__archive ul li a {
		width: 265px;
		max-width: 100%;
		padding: 10px;
		font-size: 13px;
		letter-spacing: 0;
	}
	.area_search__archive ul li:nth-child(4n) {
		margin-right: 2%;
	}
	.area_search__archive ul li:nth-child(3n) {
		margin-right: 0;
	}
    .search-section {
        margin-top: 30px;
    }
    .search-container {
        max-width: 100%;
        padding: 0 15px;
    }
    .search-input-wrapper {
		padding: 6px 10px;
		border-radius: 5px;
	}
    .search-input {
        font-size: 14px;
    }
    .search-button {
        padding: 6px;
    }
    .search-icon {
        width: 18px;
        height: 18px;
    }
	/* BUILDER */
	.search-form-section {
		margin: 30px 0;
	}
	.title-section {
		margin-bottom: 30px;
	}
	.post-title {
		font-size: 20px;
		line-height: 1.6;
	}
	.post-meta {
		font-size: 12px;
		gap: 7px;
		margin: 1em 0;
	}
	.post-areas {
		gap: 7px;
	}
	.post-categories {
		gap: 7px;
	}
	.full-width-image {
		margin: 20px 0;
	}
	.paragraph {
		font-size: 14.5px;
		line-height: 1.8;
		margin: 20px 0;
	}
	.person-card {
		padding: 15px;
		margin: 20px 0;
	}
	.person-image {
		width: 30%;
	}
	.person-info {
		width: 70%;
		padding: 0 0em 0 1em;
	}
	.post_content__bilder .person-info h3 {
		font-size: 18px;
		margin-bottom: 0.5em;
		padding-bottom: 0.3em;
	}
	.position {
		font-size: 12px;
	}
	.career {
		font-size: 11px;
		letter-spacing: 0;
	}
	.person-detail {
		font-size: 12px;
	}
	div#table-of-contents {
		padding: 10px 15px 20px;
		font-size: 15px;
		border-radius: 10px;
		margin: 30px 0;
	}
	.toc-h3 a {
		font-size: 14px;
	}
	.post_content .ttl {
		padding: 15px 30px;
		font-size: 18px;
		letter-spacing: 0;
		margin: 30px 0 20px;
	}
	.post_content .ttl::before {
		top: 9px!important;
		height: 40px!important;
	}
	.post_content .ttl::after {
		top: 9px!important;
		height: 40px!important;
	}
	.post_content__bilder h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.custom-list {
		font-size: 15px;
	}
	.table-type1 thead th {
		font-size: 14px;
	}
	.cta-section a {
		padding: 0.5em;
		font-size: 17px;
	}
	.post_content__bilder {
		margin-bottom: 60px;
	}
	.header-image {
		margin: 20px 0 20px;
	}
    .header-image:before {
        padding-top: 45%;
    }
	.no-results {
		margin-bottom: 0;
	}
	.category_page {
		padding-bottom: 20px;
	}

}