@charset "utf-8";
:root {
	--header-height: 17vw;
    scroll-padding: var(--header-height);
	
}
html {
    overflow-x: hidden;
}
body {
    font-size: 3.73vw;
    -webkit-text-size-adjust: 100%;
        overflow-x: hidden;
    letter-spacing: inherit;
}
.sub-page {
    width: 92%;
    margin: 10vw auto;
}
main {
    width: 100%;
}
.sp {
    display: block !important;
}
.pc {
    display: none !important;
}
.br-sp {
    display: block;
}
.br-pc {
    display: inline;
}
#tinymce p, .sub-page p {
    font-size: 3.8vw;
    line-height: 1.6;
}
main img {
    height: auto;
    width: 100%;
}
img {
    vertical-align: top;
    max-width: 100%;
     height: auto;
}
.wrap {
    width: 89%;
}
.sub-page .btn {
    width: 100%;
    font-size: 3.5vw;
}

.single__content li, .page__content li, .archive__content li {
    font-size: 3.7vw;
}

blockquote {
    padding: 3vw 3vw;
	border-width: 2px;
}
table td,table th {
    font-size: 3.6vw;
}
.contact_form p.btn {
    text-align: center;
    padding-top: 20px!important;
}
.wpcf7-spinner {
    display: block;
}
iframe {
    max-width: 100%;
}
/*------------------------------------------------------------------------------------
  パンくずリスト
------------------------------------------------------------------------------------*/
#breadcrumbs {
    font-size: 2.6vw;
	line-height: 1.2;
    margin: 3vw auto 0;
    width: 92%;
}
/*------------------------------------------------------------------------------------
 ページナビ
------------------------------------------------------------------------------------*/
.wp-pagenavi .page.larger,
.wp-pagenavi .page.smaller,
.wp-pagenavi .current{
    width: 8vw;
    height: 8vw;
    margin: 0 1vw;
}
/*------------------------------------------------------------------------------------
 ページナビ
------------------------------------------------------------------------------------*/
main .pagenation li a {
    padding: 2vw 4vw;
    font-size: 3vw;
}
/*------------------------------------------------------------------------------------
	　 Inview.js
------------------------------------------------------------------------------------*/
.--InviewFade.--InviewDelay1 { transition-delay: 0.1s; /*遅延をかける秒数 */ }
.--InviewFade.--InviewDelay2 { transition-delay: 0.1s; /*遅延をかける秒数 */ }
.--InviewFade.--InviewDelay3 { transition-delay: 0.1s; /*遅延をかける秒数 */ }
.--InviewFade.--InviewDelay4 { transition-delay: 0.1s; /*遅延をかける秒数 */ }

/*------------------------------------------------------------------------------------
	　見出し
------------------------------------------------------------------------------------*/
h1 {
    width: 58vw;
}
h2 {
	font-size: 5.5vw;
	padding: 3vw;
}
h3 {
	font-size: 4.8vw;
	margin: 6vw 0 3vw;
	padding: 3vw 0;
	line-height: 1.5;
}
h4 {
	font-size: 4.3vw;
	line-height: 1.1;
	padding: 3vw 2vw;
}
h5 {
	font-size: 4vw;
	line-height: 1.1;
	padding: 1vw 0 1vw 2vw;
}
h6 {
	font-size: 3.8vw;
	line-height: 1.1;
	padding: 2.5vw;
}
main h2,
main h3,
main h4,
main h5,
main h6 {
    margin-top: 6vw;
    margin-bottom: 5vw;
}
main.top h2, .contact-banner h2 {
    gap: 1vw;
}
main.top h2 .jp, .contact-banner h2 .jp {
    font-size: 6.8vw;
}
main.top h2 .en, .contact-banner h2 .en {
    font-size: 3.4vw;
}
main.top h2 .new-line-sp {
    display: block;
}
.page-title {
	margin-top: var(--header-height);
    height: 40vw;
}
.page-title__container {
    width: 92%;
}
.page-title__h2 {
	font-size: 6.2vw;
}
img.alignright,
img.alignleft {
    padding: 2vw;
    display: block;
    width: 80%;
    float: inherit;
    margin: auto;
}
li {
    line-height: 1.5em;
}

/*------------------------------------------------------------------------------------
	gn
------------------------------------------------------------------------------------*/
.global-nav {
	display: none;
}
.global-nav.active {
    background: #429b6ff5;
    position: fixed;
    width: 100%;
    z-index: 10000;
    overflow: auto;
    display: block;
    top: var(--header-height);
	left: 0;
	height: 100%;
}
.global-nav__list > li {
    text-align: left;
	width: 100%;
    border-bottom: 1px solid #ffffff82;
	flex: inherit;
}
.global-nav .global-nav__list > li > a {
    color: #fff;
    padding: 4vw;
    box-sizing: border-box;
     height: inherit;
    place-content: inherit;
    justify-content: space-between;
	font-size: 4.4vw;
}
.global-nav .global-nav__list > li > a br {
	display: none;
}
.global-nav .global-nav__list {
    gap: 0;
	flex-wrap: wrap;
	width: 100vw;
}
.global-nav__list > li:has(.sub-menu) {
}
 .global-nav__list > li:has(.sub-menu) > a {
    pointer-events: inherit;
	display: flex;
}
.global-nav__list > li:has(.sub-menu) > a:after {
    content: '\f078';
	font-family: "Font Awesome 6 Free";
	display: block;
	font-weight: 900;
}
.global-nav__list > li:has(.sub-menu) > a.active:after {
    content: '\f077';
}
.global-nav .sub-menu {
    position: inherit;
    height: inherit;
    left: inherit;
    bottom: inherit;
    transform: inherit;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    padding: 4vw;
    gap: 3vw 0;
	background: none;
	box-sizing: border-box;
}
.global-nav .sub-menu a {
    font-size: 3.8vw;
    padding: 3vw;
    text-align: left;
}
.menu-btn {
    position: relative;
    cursor: pointer;
    z-index: 3;
    background: var(--main-color);
    height: 100%;
    aspect-ratio: 1 / 1;
    padding: 4% 3.5%;
    box-sizing: border-box;
}
.menu-btn__line-container {
    position: relative;
	display: block;
    width: 100%;
    height: 100%;
}
.menu-btn__line {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    width: 100%;
    height: 0.5vw;
    background: #fff;
    left: 0;
}
.menu-btn__line:nth-of-type(1) {
    top: 0%;
}
.menu-btn__line:nth-of-type(2) {
 	 top: 50%;
    transform: translateY(-50%);
}
.menu-btn__line:nth-of-type(3) {
 	 bottom: 0;
}
.menu-btn.active .menu-btn__line:nth-of-type(1) {
	transform:  translateX(-50%) translateY(-50%) rotate(-45deg);
	top: 50%;
	left: 50%;
}
.menu-btn.active .menu-btn__line:nth-of-type(2){
	display: none;
}
.menu-btn.active .menu-btn__line:nth-of-type(3){
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	top: 50%;
	bottom: inherit;
	left: 50%;
}

/*------------------------------------------------------------------------------------
	ヘッダー、フッター
------------------------------------------------------------------------------------*/

header {
    position: fixed;
    top: 0;
    z-index: 9999;
}
.header__container {
	width: 100%;
    padding: 2vw;
	gap: 2vw;
}
.header__corporation-name {
    font-size: 2.2vw;
    line-height: 1;
}
.header__title {
    gap: 1vw;
}
.header__title-corporation {
    font-size: 2.2vw;
    line-height: 1;
}
.header__corporation-logo {
    width: 10vw;
}
footer {
	padding: 13vw 0 17vw 0;
    margin: 0 0 20vw 0;
    position: relative;
}
.footer__ttile-contaienr {
	gap: 2vw;
}
.footer__title-logo {
    width: 69vw;
}
.footer__title-corporation {
    font-size: 2.3vw;
}
.footer__title {
	gap: 1vw;
}
.footer__corporation-name {
    font-size: 3.2vw;
}
.footer__corporation-logo {
    width: 12vw;
}
.footer-office__address {
    font-size: 3.4vw;
    padding: 3vw 0 4vw 0;
}
.footer-office__text {
    font-size: 3.3vw;
    padding: 0 0 4vw 0;
}
.footer-office__title {
    width: 72vw;
}
.footer-office__menu-list {
    gap: 8vw;
    padding: 0 0 0 1vw;
}
.footer-office__menu-icon {
    width: 3.5vw;
    height: 3.5vw;
}
.footer-office__menu-item a {
    font-size: 3.4vw;
    gap: 1vw;
}
.footer__inner {
	flex-wrap: wrap;
}
.footer-office {
    width: 100%;
    padding: 4% 3%;
    height: 70vw;
}
.footer__inner .menu {
    gap: 4vw 6vw;
}
.footer-menu {
    padding: 9vw 0;
}
.footer-menu a {
    font-size: 3.4vw;
    gap: 1vw;
}
.copyright {
    position: absolute;
    bottom: 5vw;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
.copyright p {
    font-size: 3vw;
}
/* .footer-floating */
.footer-floating {
    bottom: 0;
	top: inherit;
	width: 100%;
}
.footer-floating__list {
	justify-content: space-between;
	flex-direction: row;
	gap: 0;
}
.footer-floating__item {
    height: 13vw;
    flex: 1;
	border: none;
    border-radius: 0;
}
.footer-floating__tel {
    background: var(--main-color);
}
.footer-floating__item-icon {
    width: 4.2vw;
    height: 4.2vw;
    margin: auto;
}
.footer-floating__item-title {
    font-size: 3vw;
    text-align: center;
    line-height: 1.1;
    writing-mode: inherit;
}
.footer-floating__item-title span {
    display: block;
}
/*------------------------------------------------------------------------------------
	　.sidebar
------------------------------------------------------------------------------------*/
.sidebar {
    display: none;
}
/*------------------------------------------------------------------------------------
	　共通
------------------------------------------------------------------------------------*/
/* .contact-banner */
.contact-banner {
    background-position: center right -31vw;
    padding: 15vw 0;
}
.contact-banner__message {
    font-size: 3.6vw;
    line-height: 1.6;
    padding: 7vw 0 16vw 0;
}
.contact-banner__contents {
	flex-wrap: wrap;
    gap: 14vw 0;
}
.contact-banner__btn {
	width: 100%;
}
.contact-banner__btn-title {
    font-size: 4.5vw;
    padding: 13vw 0 0 0;
}
.contact-banner__btn-icon {
    width: 18vw;
}
/*------------------------------------------------------------------------------------
	　.top
------------------------------------------------------------------------------------*/
.top-btn a {
    width: 50vw;
    height: 11vw;
    font-size: 3.7vw;
}
/* .mv */
.mv {
	margin-top: var(--header-height);
    background-image: url(/wp-content/uploads/2026/01/mv__bg_sp.jpg);
}
.mv__container {
    height: 152vw;
    width: 100%;
}
.mv__inner {
    gap: 7vw;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    width: 100%;
}
.mv__title {
    width: 90%;
    flex: inherit;
    margin: auto;
    filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 0 4px #fff) drop-shadow(0 0 5px #fff);
}
.mv__title-main {
    font-size: 9vw;
}
.mv__title-sub {
    font-size: 5.2vw;
	padding: 3vw 0;
}
.mv__title-text {
    font-size: 3.2vw;
}
.mv .top-btn {
    position: absolute;
    bottom: 8vw;
    right: 3vw;
	z-index: 2;
}
.mv .top-btn a {
    width: 35vw;
    border: 1px solid;
}
.mv__image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 43%;
    z-index: 1;
}
/* .seminar */
.seminar {
    width: 55%;
    padding: 4%;
    margin: 0 0 0 4vw;
}
.seminar__style {
    font-size: 2.8vw;
    padding: 0.5vw 2vw;
    margin: 2vw 0 0 0;
}
.seminar__title {
    font-size: 3.6vw;
    margin: 1.5vw 0 0 0;
}
.seminar__date {
    gap: 1.5vw;
    font-size: 3vw;
}
.seminar__date-icon {
    width: 3.5vw;
}
.seminar__category-item {
    font-size: 2.2vw;
    padding: 1vw;
}
/* .field */
.field__main-menu-container {
    padding: 7vw 0 0 0;
    flex-wrap: wrap;
    gap: 3vw;
}
.field__main-menu-list {
    gap: 4.2vw 5%;
}
.field__main-menu {
    width: 100%;
    padding: 3vw 4vw 5vw 4vw;
}
.field__main-menu-item-title {
    font-size: 3.2vw;
}
.field__main-menu-item-icon {
    display: block;
    width: 8vw;
    height: 8vw;
}
.field__main-menu-item a:after {
	font-size: 0.5em;
	width: 3vw;
	height: 3vw;
}
.field__main-menu-item.parent .field__main-menu-item-title {
    font-size: 4.8vw;
}
.field__main-menu-item.parent .field__main-menu-item-icon {
    width: 14vw;
    height: 14vw;
}
.field {
    padding: 11vw 0 13vw 0;
    background-image: url(/wp-content/uploads/2026/01/field__bg_sp.jpg);
}
.field__list {
	padding: 4vw 0 0 0;
    gap: 3vw;
}
.field__item {
	width: 100%;
	aspect-ratio: 669 / 133;
}
.field__item a:after {
	font-size: 0.5em;
	width: 3vw;
	height: 3vw;
}
.field__item-title {
    font-size: 3.8vw;
}
.field__item-icon {
    width: 13vw;
    height: 13vw;
}
/* .industry */
.industry {
    padding: 10vw 0 15vw;
}
.industry__list {
    padding: 9vw 0 0 0;
    gap: 6vw 6%;
}
.industry__item {
	width: 47%;
    border-width: 0.4vw;
}
.industry__item-icon {
    width: 8vw;
}
.industry__item-title {
    font-size: 3.6vw;
	text-align: center;
}
.industry__item a:after {
    font-size: 0.5em;
    width: 3vw;
    height: 3vw;
}
/* .greeting */
.greeting {
    background-size: 75%;
    background-position: top left 6vw;
    padding: 9vw 0 15vw;
	height: auto;
}
.greeting__container {
    padding: min(65px, 6.5vw) 0 0 0;
    position: relative;
    height: auto;
}
.greeting__inner {
	padding: 7vw 6vw 7vw 6vw;
	margin: 0;
	position: inherit;
	top: inherit;
	height: auto;
	position: relative;
	z-index: 3;
	margin: 58vw 0 0 0;
}
.greeting__image {
	width: 50%;
	height: auto;
	margin: 0 auto;
	position: inherit;
	top: inherit;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.greeting__title {
	font-size: 4.5vw;
}
.greeting__text {
    line-height: 1.8;
    font-size: 3.6vw;
    width: 100%;
    gap: 4vw;
}
.greeting .top-btn a {
	margin: 0;
	position: absolute;
	left: 50%;
	bottom: -5vw;
	transform: translateX(-50%);
}
/* .voice */
.voice {
    padding: 11vw 0 13vw;
}
.voice__container {
    width: 100%;
}
.voice__list {
    padding: 8vw 0 0 0;
    display: flex;
    gap: 4.5vw 6%;
}
.voice__item {
    width: 47%;
}
/* .tab-information */
.tab-information {
    padding: 12vw 0 13vw 0;
}
.tab-information__container {
    width: 90%;
}
.tab-information__list a {
    padding: 4vw 0;
    gap: 2vw 0;
    flex-wrap: wrap;
}
.tab {
    padding: 3vw 0;
    font-size: 3.4vw;
    flex: inherit;
    width: inherit;
    flex: 1;
    line-height: 1.1;
}
.tabs {
    cursor: pointer;
	gap: 0;
}
.tab-information__type {
	width: 25vw;
	font-size: 2.8vw;
	line-height: 1.9;
    white-space: pre;
    margin: 0 0 0 4vw;
}
.tab-contents {
    padding: 2vw 4vw;
    height: 106vw;
    border-width: 3px;
}
.tab-information__title {
	flex: inherit;
    width: 100%;
	font-size: 3.6vw;
    line-height: 1.5;
}
.tab-information__date {
    font-size: 3.2vw;
}
/* .access */
.access {
	padding: 11vw 0 13vw 0;
    background: linear-gradient(180deg, #fff 0%, #fff 25%, var(--light-color) 25%, var(--light-color) 100%);
}
.access__map {
    height: 65vw;
    margin: 9vw 0 8vw 0;
}
.access__info {
    flex-wrap: wrap;
    gap: 8vw;
}
.access__info-content-title {
    font-size: 4.8vw;
	line-height: 1.2;
}
.access__info-content-title span {
    display: block;
}
.access__info-content-address {
    font-size: 3.8vw;
}
.access__info-content-address span {
    display: block;
}
.access__info-content-hour {
    font-size: 3.8vw;
    padding: min(10px, 1vw) 0 min(30px, 3vw);
}
.access__info-content-tel {
    font-size: 9.5vw;
    gap: 2vw;
}
.access__info-content-tel-icon {
    width: 7vw;
    height: 7vw;
}
.access__info-image {
    width: 100%;
}
/*------------------------------------------------------------------------------------
	　archive
------------------------------------------------------------------------------------*/

/* .archive */
.archive__list {
    gap: 8vw;
}
.archive__item a {
    flex-wrap: wrap;
    justify-content: center;
    gap: 5vw;
    padding: 3vw 0;
}
.archive__item-inner {
    gap: 3vw;
    padding: 4vw 0 4vw;
    flex-wrap: wrap;
    justify-content: center;
}
h3.archive__item-title {
    padding: 2vw 0;
    font-size: 4.8vw;
	line-height: 1.3;
}
.archive__item-image {
    width: 68vw;
}
.archive__item-text {
    font-size: 3.6vw;
    line-height: 1.4;
	flex: inherit;
}
.archive__item-date {
    font-size: 3vw;
}
.archive__item-category {
    flex-wrap: wrap;
	padding: 0 0 3vw 0;
}
.archive__item-category span {
    padding: 0 1.5vw;
    font-size: 3vw;
}
.archive__item-btn {
    width: 32vw;
    height: 8vw;
    font-size: 3.4vw;
}
/* .archive__search */
.archive__search {
    padding: 0 0 10vw 0;
}
.archive__search ul {
    gap: 4vw;
    flex-direction: column;
}
.archive__search li {
    height: 10vw;
}
.archive__search select {
    font-size: 3.6vw;
    width: 100%;
}
.archive__search input[type="text"] {
    font-size: 3.6vw;
    padding: 0 0 0 7vw;
    width: 100%;
}
.archive__search li:has(input[type="text"]):before {
    left: 2vw;
}
.archive__search [type="submit"] {
    font-size: 3.8vw;
    width: 100%;
}
/*------------------------------------------------------------------------------------
	　.main.page-404
------------------------------------------------------------------------------------*/
main.page-404 {
    padding-bottom: 10vw;
}
.page-404__main-text {
    font-size: 16vw;
}
.page-404__text {
    font-size: 4vw;
}

/*------------------------------------------------------------------------------------
	　.main.page-search
------------------------------------------------------------------------------------*/
main.page-search {
    padding-bottom: 10vw;
}

/*------------------------------------------------------------------------------------
	　single
------------------------------------------------------------------------------------*/

/* .page-parts-related 関連する解決事例*/
.page-parts-related__list {
    gap: 5vw 3%;
}
.page-parts-related__item {
    width: 48.5%;
}
.page-parts-related__title {
    font-size: 3.4vw;
    height: 26vw;
    padding: 2vw 0 0 0;
    line-height: 1.3;
}
.page-parts-related__category-item {
    font-size: 2.6vw;
    padding: 0 1.5vw;
}
/*------------------------------------------------------------------------------------
	　page
------------------------------------------------------------------------------------*/
/* .page-parts-child 関連子ページ記事*/
.page-parts-child__list {
    gap: 5vw 3%;
}
.page-parts-child__item {
    width: 48.5%;
}
.page-parts-child__title {
    font-size: 3.4vw;
    height: 26vw;
    padding: 2vw 0 0 0;
    line-height: 1.3;
}
/*------------------------------------------------------------------------------------
	　.contact-form
------------------------------------------------------------------------------------*/
.contact-form table th,
.contact-form table td {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 2.5vw;
    border: none;
}
.contact-form table td p {
    font-size: 3.4vw;
}
.contact-form input[type=text],
.contact-form input[type=tel],
.contact-form input[type=email] {
    padding: 1.8vw;
}
.contact-form .privacy-policy {
    margin: 6vw 0;
    padding: 3vw;
}
.contact-form .privacy-policy__inner {
    height: 70vw;
    padding: 3vw;
}
.sub-page .contact-form .privacy-policy p {
    font-size: 3vw;
}