@charset "utf-8";
:root {
	--header-height: 13vw;
    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;
}
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 a {
	font-size: 5vw;
}
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 .en {
    font-size: 15vw;
}
main.top h2 .jp {
    font-size: 5vw;
}
main.top h2:after {
    width: 13vw;
    height: 1vw;
    margin: 2.5vw auto 0;
}
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: #f66262f5;
    position: fixed;
    width: 100%;
    z-index: 9999;
    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: 3.5vw 4vw;
    box-sizing: border-box;
     height: inherit;
    place-content: inherit;
    justify-content: space-between;
	font-size: 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 .sub-menu {
    display: flex;
    position: inherit;
    height: inherit;
    left: inherit;
    bottom: inherit;
    transform: inherit;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    padding: 0 5vw 5vw 5vw;
    gap: 3vw 0;
	background: none;
	box-sizing: border-box;
}
.global-nav__list > li:before,
.global-nav__list > li:last-child:after {
    content: none;
}
.global-nav .sub-menu li {
    width: 50%;
}
.global-nav .sub-menu a {
    font-size: 3.6vw;
	color: #fff;
	white-space: inherit;
	padding: 0 1vw;
    line-height: 1.2;
}
.menu-btn {
    position: relative;
    cursor: pointer;
    z-index: 3;
    background: var(--main-color);
    height: 100%;
    width: 13vw;
}
.menu-btn__line-container {
    position: relative;
	display: block;
    width: 55%;
    height: 44%;
    margin: 2.5vw auto 1.5vw;
}
.menu-btn__line {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    width: 100%;
    height: 0.6vw;
    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%;
}
.menu-btn__title {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 2.2vw;
    font-weight: bold;
}

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

header {
    position: fixed;
    top: 0;
    z-index: 9999;
}
.header__container {
	width: 100%;
    padding: 0 0 0 2vw;
}
footer {
	padding: 10vw 0 3vw 0;
    margin: 0 0 24vw 0;
}
.footer__site-name {
    width: 100%;
    margin: 0;
}
.footer__site-name a {
    font-size: 6.8vw;
}
.footer__inner-01 {
    padding: 0 0 10vw 0;
    flex-wrap: wrap;
    gap: 7vw;
}
.footer__inner-01 .menu {
    flex-direction: row;
    gap: 7vw 0;
}
.footer__inner-01 .menu-item {
    width: 50%;
    padding: 0;
}
.footer__inner-02 {
    gap: 6vw;
    padding: 0 0 18vw 0;
    flex-direction: column;
}
.footer-menu__title {
    font-size: 3.8vw;
    padding: 0 0 1vw 0;
    margin: 0 0 4vw 0;
}
.footer-menu {
    width: 100%;
        flex: inherit;
}
.footer-menu a {
    font-size: 3.6vw;
    gap: 3vw;
}
.footer__inner-02 .menu {
    gap: 4vw;
    height: auto;
}
.footer__inner-02 .menu-item {
    width: 100%;
    padding: 0;
}
.footer__inner-02 .footer-menu a {
    font-size: 3.4vw;
}
.copyright p {
    color: #333;
    font-size: 3vw;
}
/* .footer-floating */
.footer-floating {
    position: fixed;
    bottom: 0;
    z-index: 9999;
	width: 100%;
    box-sizing: border-box;
    background: #ffffffde;
}
.footer-floating__list {
    display: flex;
	width: 100%;
	margin: 0 auto;
	justify-content: space-between;
}
.footer-floating__item {
	flex: 1;
    height: 12vw;
}
.footer-floating__line {
    background: #06c655;
}
.footer-floating__tel {
    background: #f69d62;
}
.footer-floating__mail {
    background: #f66262;
}
.footer-floating__item a {
    text-decoration: none;
    height: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    box-sizing: border-box;
	padding: 0 0 0 4vw;
    gap: 5vw;
}
.footer-floating__line a {
	padding: 0 0 0 3vw;
    gap: 3vw;
}
.footer-floating__icon {
    display: block;
    width: 5vw;
    height: 5vw;
}
.footer-floating__line .footer-floating__icon {
    width: 8vw;
    height: 8vw;
}
.footer-floating__icon img {
    width: 100%;
	height: 100%;
	object-fit: contain;
}
.footer-floating__item-title {
    display: block;
    text-align: center;
    font-weight: 500;
}
/*------------------------------------------------------------------------------------
	　.sidebar
------------------------------------------------------------------------------------*/
.sidebar {
    display: none;
}
/*------------------------------------------------------------------------------------
	　共通
------------------------------------------------------------------------------------*/
/* .contact-banner */
.contact-banner {
    padding: 6vw 0;
}
.contact-banner__contents {
    border-radius: 10px;
    height: 68vw;
    justify-content: center;
	flex-wrap: wrap;
    padding: 0 5vw;
}
.contact-banner__tel-title {
    font-size: 6vw;
    margin: 0 0 3.5vw 0;
}
.contact-banner__tel-sub-title {
    margin: auto;
    font-size: 3.4vw;
    width: 95%;
    height: 7vw;
}
.contact-banner__tel {
    width: 100%;
    text-align: center;
    padding: 0;
}
.contact-banner__tel-num {
    font-size: 8.5vw;
    gap: 2vw;
    line-height: 1.7;
}
.contact-banner__tel-num:before {
    width: 7vw;
    height: 7vw;
}
.contact-banner__tel-hour {
    font-size: 3.3vw;
}
.contact-banner__btns {
    gap: 2vw;
	flex-direction: row;
    width: 100%;
}
.contact-banner__btn {
    height: 12vw;
    flex: 1;
}
.contact-banner__btn-title {
    font-size: 3.4vw;
}
.contact-banner__btn-title span {
    display: block;
}
/*------------------------------------------------------------------------------------
	　.top
------------------------------------------------------------------------------------*/
.top-page {
	margin-top: var(--header-height);
}
.top-btn a {
    border-width: 1px;
    width: 60vw;
    height: 14vw;
    font-size: 3.5vw;
}
.top-btn a:after {
    right: 8%;
}
/* .mv */
.mv {
	background-image: url(/wp-content/uploads/2025/11/mv__bg_sp.jpg);
}
.mv__container {
    align-items: start;
    height: inherit;
    width: 100%;
    padding: 5vw 0 7vw 0;
}
.mv__inner {
    width: 100%;
    position: relative;
    right: inherit;
    top: inherit;
    transform: inherit;
    padding: 10vw 0 0 2.5vw;
    box-sizing: border-box;
    height: 69vw;
}
.mv__title {
    text-align: center;
    font-size: 7.5vw;
    filter: drop-shadow(0 0 1px #fff) 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 .new-line-sp {
    display: block;
}
.mv__message {
    font-size: 3.7vw;
    width: 80%;
    position: relative;
    z-index: 2;
}
.mv__message .new-line {
    background: inherit;
}
.mv__message .new-line-sp {
    background: #fff;
    display: inline-block;
	margin: 0 0 1vw 0;
	padding: 0 1.5vw;
}
.mv__message .new-line:last-child {
    margin: 0;
}
.mv__image {
    width: 85%;
    margin: 0;
    position: absolute;
    right: -12.5vw;
    top: 0;
}
.mv__strong {
    width: 95%;
	margin: 0 auto;
}
.mv__strong-title {
    height: 18vw;
    font-size: 5vw;
    line-height: 1;
}
.mv__strong-list {
    box-shadow: 0px 0px 8px 3px #f6626240;
    border-radius: 0 0 10px 10px;
    padding: 0.8vw 4.5vw;
}
.mv__strong-item {
    gap: 2.5vw;
    height: 9vw;
    padding: 0 0 0 1vw;
    font-size: 4.2vw;
}
.mv__strong-item:before {
    width: 6vw;
    height: 6vw;
}
/* .case-01 */
.case-01 {
    padding: 2vw 0 12vw 0;
}
.case-01__list {
	padding: 10vw 0 0 0;
    gap: 3vw 3%;
}
.case-01__item {
    width: 48.5%;
    aspect-ratio: 325 / 128;
    border-radius: 8px;
	border-width: 1px;
}
.case-01__item a:after {
    font-size: 1.5vw;
    width: 4vw;
    height: 4vw;
}
.case-01__item-title {
    font-size: 3.6vw;
    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);
}
.case-01__item-title span {
    display: block;
}
/* .merit */
.merit {
    padding: 2vw 0 8vw;
}
.merit__text {
    font-size: 3.5vw;
    line-height: 2;
    padding: 9vw 0 0;
}
/* .attribute */
.attribute {
    padding: 2vw 0 11vw 0;
}
.attribute__list {
	padding: 10vw 0 0 0;
    gap: 3vw 3%;
}
.attribute__item {
    width: 48.5%;
    aspect-ratio: 325 / 128;
    border-radius: 8px;
	border-width: 1px;
}
.attribute__item a {
    padding: 0 5vw 0 2.5vw;
}
.case-01__item a:after {
    font-size: 1.5vw;
    width: 4vw;
    height: 4vw;
}
.attribute__item-title {
    font-size: 3.6vw;
	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);
}
.attribute__item:nth-child(1) .attribute__item-title {
    padding: 0 2vw;
}
.attribute__item:nth-child(3) .attribute__item-title {
    padding: 0 2vw;
}
.attribute__item-title .new-line-pc {
    display: inline;
}
.attribute__item-title .new-line-sp {
    display: block;
}
/* .flow */
.flow {
    padding: 3vw 0 11vw;
}
.flow__image {
    padding: 9vw 0 0;
}
/* .reason */
.reason {
    padding: 0 0 12vw 0;
}
.reason__list {
    padding: 10vw 0 0 0;
    gap: 5vw 4%;
    justify-content: start;
}
.reason__item {
    width: 48%;
    aspect-ratio: 318 / 359;
    border-radius: 10px;
}
.reason__item-content {
}
.reason__item-image {
    aspect-ratio: 318 / 198;
}
.reason__item-num {
    font-size: 9.5vw;
}
.reason__item-title {
    line-height: 1.2;
    font-size: 3.7vw;
    height: 17vw;
}
.reason__item-text {
    font-size: 2.8vw;
}
/* .case-search */
.case-search {
    padding: 3vw 0 10vw 0;
}
.case-search__category-container {
    margin: 0 0 3vw 0;
}
.category-case-01 {
    padding: 8vw 0 0 0;
}
.case-search__category-title {
    font-size: 3.2vw;
	width: 24%;
}
.category-case-01 .case-search__category-item {
    width: 100%;
}
.case-search__category-item a {
    border-radius: 5px;
    font-size: 3.2vw;
    height: 12vw;
    border-width: 1px;
}
.case-search__category-item a:after {
    width: 1.5vw;
    height: 1.5vw;
}
/* .voice */
.voice {
    padding: 5vw 0 10vw;
}
.voice__container {
    width: 100%;
}
.voice__list {
    margin: 5vw 0 0 0;
}
.voice__item {
    margin: 15px 7vw;
}
.voice__item a {
    height: 106vw;
    padding: 8% 6%;
}
.voice__item-title {
    font-size: 4.2vw;
    height: 19vw;
	box-sizing: border-box;
    padding: 0 3vw;
}
.voice__item-text {
    font-size: 3.4vw;
    line-height: 1.61;
    padding: 6vw 0 0 0;
}
.voice__prev::before, .voice__next::before {
    font-size: 3.5vw;
}
.voice__prev, .voice__next {
    width: 12vw;
    height: 12vw;
}
.voice__prev {
    left: 2vw;
}
.voice__next {
    right: 2vw;
}
/* .news */
.news__item a {
    padding: 2.5vw 0;
    font-size: 3.5vw;
    gap: 1.5vw;
    align-items: start;
    flex-direction: column;
}
.news__item-date {
    font-size: 3.4vw;
}
/* .knowledge */
.knowledge {
    padding: 5vw 0 12vw 0;
}
.knowledge__list {
	padding: 10vw 0 0 0;
    gap: 3vw 3%;
}
.knowledge__item {
    width: 48.5%;
    aspect-ratio: 325 / 128;
    border-radius: 8px;
	border-width: 1px;
}
.knowledge__item a:after {
    font-size: 1.5vw;
    width: 4vw;
    height: 4vw;
}
.knowledge__item-title {
    font-size: 3.6vw;
}
/* .access */
.access {
    padding: 2vw 0 0 0;
}
.access__map {
    height: 80vw;
}
/*------------------------------------------------------------------------------------
	　archive
------------------------------------------------------------------------------------*/

/* .archive */
.archive__item a {
    flex-wrap: wrap;
    justify-content: center;
    gap: 5vw;
    padding: 3vw 0;
}
.archive__image {
    width: 45vw;
    height: 45vw;
}
.archive__text-container {
    flex: inherit;
    width: 100%;
}
h3.archive__title {
    padding: 0 0 2vw;
    font-size: 4.8vw;
	line-height: 1.3;
}
.archive__text {
    font-size: 3.6vw;
    line-height: 1.4;
	padding: 0 0 1vw 0;
}
.archive__category {
    flex-wrap: wrap;
	padding: 0 0 3vw 0;
}
.archive__category span {
    padding: 0 1.5vw;
    font-size: 2.8vw;
}
.archive__btn {
    width: 23vw;
    height: 8vw;
    font-size: 3.2vw;
}
/*------------------------------------------------------------------------------------
	　.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;
}