/* ___________________________________________________________ /web-font/ */
/* https://fonts.google.com/ */
@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');
/* https: //iconscout.com/unicons */
@import url("https://unicons.iconscout.com/release/v4.0.0/css/line.css");
/* https://fontawesome.com */
@import url("https://use.fontawesome.com/releases/v6.2.1/css/all.css");
/* https://fonts.adobe.com// */
@import url('https://use.typekit.net/fto4gmi.css');

/* ___________________________________________________________ /layout/ */
:root {
	--border-radius-L: 30px;
	--border-radius-M: 15px;
	--border-radius-S: 10px;
	--border-radius-Ssp: 5px;
}

.--border-radius-L {
	border-radius: var(--border-radius-L);
}

.--border-radius-M {
	border-radius: var(--border-radius-M);
}

.--border-radius-S {
	border-radius: var(--border-radius-S);
}

.--border-radius-Ssp {
	border-radius: var(--border-radius-Ssp);
}

:root {
	--color-nwk-green: #93bc43;
	--color-nwk-green-bg: #eff8f2;
	--color-nwk-darkgreen: #2a8050;
	--color-blue: #31b0d3;
	--color-blue-bg: #cbe8ef;
	--color-darkblue: #217b93;
	--color-yellow: #eddc3f;
	--color-black: #333;
	--color-white: #fff;
	--clear-air: rgba(255, 255, 255, 0);
}

.--color-nwk-green {
	color: var(--color-nwk-green);
}

.--color-nwk-green-bg {
	color: var(--color-nwk-green-bg);
}

.--color-nwk-darkgreen {
	color: var(--color-nwk-darkgreen);
}

.--color-blue {
	color: var(--color-blue);
}

.--color-blue-bg {
	color: var(--color-blue-bg);
}

.--color-darkblue {
	color: var(--color-darkblue);
}

.--color-yellow {
	color: var(--color-yellow);
}

.--color-black {
	color: var(--color-black);
}

.--color-white {
	color: var(--color-white);
}

.--clear-air {
	color: var(--clear-air);
}


:root {
	--swl-list-padding--left: 1.25em;
	--swell-block-fullWide--P: clamp(60px, 2.143rem + 7.14vw, 120px) !important;
	/*min:599px ／ max:1200px*/
}

:root {
	--swell-block-intro--M: 40px;
}

/* root-SP */
:root {
	--color_header_bg: rgba(255, 255, 255, .95);
}

/* Swell css 打ち消し用 */
.post_content>:last-child:not(.works-table):not(.address-table) {
	margin-bottom: 0 !important;
}

/* リッチカラムrow-gap */
.swell-block-columns {
	--swl-clmn-mrgn--y: max(2rem, 3vw);
}

h1.c-pageTitle .c-pageTitle__subTitle {
	display: none;
}

@media (min-width: 960px) {
	.hov-bg-main:hover {
		background-color: var(--color-nwk-darkgreen) !important;
		color: #fff !important;
	}
}

/* ---------------------------------------- */
/* body */
/* ---------------------------------------- */


/* ---------------------------------------- */
/* header */
/* ---------------------------------------- */
.c-headLogo.-img img {
	filter: drop-shadow(0 0 6px rgba(255, 255, 255, 1));
}
.l-header__bar.pc_ {
	display: none;
}

/* ヘッダーを固定 */
@media (min-width: 960px) {
	.l-header {
		position: fixed !important;
		background: transparent;
	}

	.p-breadcrumb {
		margin-top: calc(var(--logo_size_pc) + 32px);
	}
}

@media (max-width: 959px) {
	.l-header {
		position: fixed !important;
		background: transparent;
	}
}

/* 下層ページのヘッダー幅をトップに合わせる */
.l-header .l-container {
	max-width: 100% !important;
}

/* ヘッダーメニューを非表示 */
nav#gnav {
	display: none;
}

.l-header__menuBtn.sp_ {
	display: block !important;
	/* ハンバーガーボタンを表示 */
}

.-series .l-header__inner {
	align-items: center;
	/* ハンバーガーボタンの上下位置調整 */
}

.c-iconBtn__icon {
	font-size: 30px;
	color: var(--color-black);
}

@media (min-width: 960px) {
	.c-iconBtn__icon {
		font-size: 40px;
	}
}

/*body div:not(.id_1):not(.id_6) header .l-header__inner .l-header__logo .-img img,
body div:not(.id_1):not(.id_6) header .l-header__inner .l-header__menuBtn .c-iconBtn__icon::before {
	filter: brightness(10);
}*/

/*div:not(.id_1):not(.id_6) .l-header__logo .-img img,
div:not(.id_1):not(.id_6) .l-header__menuBtn .c-iconBtn__icon::before {
	filter: brightness(10);
}*/

[data-scrolled=true] body div:not(.id_1):not(.id_6) header .l-header__inner .l-header__logo .-img img,
[data-scrolled=true] body div:not(.id_1):not(.id_6) header .l-header__inner .l-header__menuBtn .c-iconBtn__icon::before {
	filter: unset;
}

[data-scrolled=true] .l-header {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	background-color: rgba(242, 242, 242, .25);
	backdrop-filter: blur(10px);
}

.p-spMenu {
	display: block;
	/* 開閉メニューを有効 */
}

.p-spMenu__inner {
	max-width: 450px;
}

/* ---------------------------------------- */
/* footer */
/* ---------------------------------------- */
.l-footer__widgetArea {
	padding-top: 30px;
}

.w-footer__box {
	max-width: var(--article_size);
	width: 100%;
	margin: auto;
}

.l-footer__foot {
	display: none;
	padding-bottom: 30px;
}

@media (min-width: 600px) {
	.l-footer__widgetArea {
		padding-top: 0;
	}

	/*.l-footer__foot {
		padding-bottom: 50px;
	} センター配置にする場合は必要*/

	@keyframes circlemove {
		0% {
			bottom: 55px;
		}

		100% {
			bottom: -5px;
		}
	}

	@keyframes circlereverse {
		0% {
			top: 55px;
		}

		100% {
			top: -5px;
		}
	}

}

@media (min-width: 960px) {
	/*.l-footer__foot {
		position: absolute;
		top: clamp(0.5rem, -2rem + 4vw, 1rem);
		left: 80vw;
	}*/

	.l-footer .copyright {
		text-align: right;
	}
}

.p-fixBtnWrap {
		right: 5px;
	}

@media (min-width: 960px) {
	.p-fixBtnWrap {
		bottom: 5.5em;
		right: 36px;
	}
}

#before_footer_widget.w-beforeFooter {
	background-color: var(--color_footer_bg);
	margin-top: 0 !important;
	padding-bottom: 2em;
}

.c-fixBtn {
	color: var(--color-black);
	border: none;
	opacity: 1;
}

/* ---------------------------------------- */
/* Top page */
/* ---------------------------------------- */
/*main_visual parallax*/
.p-mainVisual {
	position: fixed;
	z-index: -1;
}

.p-mainVisual__slideTitle {
	font-display: swap;
	font-size: clamp(34px, 0.179rem + 8.93vw, 110px) !important;
	font-family: "Cal Sans","Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-shadow: .05em .05em 0px rgba(0, 0, 0, 1);
}

.p-mainVisual__slideText {
	font-family: serif;
	font-size: clamp(1.2em, 0.964rem + 1.05vw, 1.75em);
	width: fit-content;
	align-self: center;
	padding: 0.25em .5em;
	letter-spacing: .2em;
	background: #fff;
	color: var(--color-nwk-green) !important;
	text-shadow: none !important;
}

.p-postSlider {
	padding-top: 0;
	padding-bottom: 0;
	top: -25px;
	margin-bottom: -70px;
}

@media (min-width: 600px) {
	.p-postSlider {
		margin-bottom: -30px;
	}
}

@media (min-width: 960px) {
	.p-postSlider {
		padding-top: 0;
		padding-bottom: 0;
		top: -45px;
		margin-bottom: -20px;
	}
}

.home #content.l-container {
	margin-top: 100vh !important;
}

.home .alignfull>.wp-block-cover__inner-container>*,
.home .alignfull>.wp-block-group__inner-container>*,
.home .swell-block-fullWide__inner>* {
	margin-bottom: 0;
}

/*背景*/
.bg-bottom-layer {
	background: linear-gradient(to bottom,
			transparent 0%,
			rgba(255, 255, 255, 0.2) 50px,
			rgba(255, 255, 255, 0.8) 80px,
			white 100px);
}

/*イントロ部padding*/
.intro-padding {
	padding-top: 180px !important;
	padding-bottom: 120px !important;
}

/*shortcut*/
.top-shortcut {
	padding: 1em;
}

.top-shortcut img {
	width: 75%;
}

@media (min-width: 800px) {
	.top-shortcut {
		padding: 2em 0;
	}

	.top-shortcut img {
		width: 50%;
	}
}



/* ---------------------------------------- */
/* content-edit-css */
/* ---------------------------------------- */
.mAuto {
	margin: auto;
}

.font-serif {
	font-family: Zen Old Mincho, serif !important;
}

.pc {
	display: none;
}

@media (min-width: 600px) {
	.pc {
		display: block;
	}
}

.sp {
	display: block;
}

@media (min-width: 600px) {
	.sp {
		display: none;
	}
}

a:hover {
	opacity: .75;
}

ul li::marker {
	font-size: .5em;
}

address {
	font-size: .9em;
	font-style: normal;
}

strong em,
em strong,
.copy {
	display: block;
	font-family: serif;
	font-size: 1.6rem;
	font-style: normal;
	margin-bottom: 1em;
}

.drop-shadow-white {
	filter: drop-shadow(0 0 6px rgba(255, 255, 255, .75));
}

/* 画像 */
.post_content img:not(.xo-slider img):not(.card-area img) {
	border-radius: 0;
}

/* table */
.post_content table {
	font-size: .9em;
}

.post_content table th,
.post_content table td {
	line-height: 2;
}

.fit-cover .xo-slider img {
	object-fit: cover;
}

@media (min-width: 600px) {
	.sticky-item .wp-block-group {
		position: sticky;
		top: 100px;
	}
}

/* cat */
.c-postThumb__cat {
	background-color: var(--color_bg);
	background-image: none;
	color: var(--color_text);
}

/* tel link SPのみ有効 */
@media (min-width: 600px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}

/* 非表示 */
.display-none {
	display: none;
}

.noDeco {
	text-decoration: none !important;
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

.noDeco::before,
.noDeco::after {
	width: unset !important;
	height: unset !important;
	background: none !important;
}

.noDeco img {
	border-radius: unset !important;
}

@media (max-width: 599px) {
	.alignfull {
		padding: 0 15px;
	}
}

/* layout */
.pAll-1em {
	padding: 1em;
}

.pAll-2em {
	padding: 2em;
}

.pAll-3em {
	padding: 3em;
}

#content.l-content.l-container {
	padding-top: 0;
	margin-bottom: 0 !important;
}

.bg-bottom-layer .swell-block-fullWide:not(.swell-block-fullWide .swell-block-fullWide) {
	padding-bottom: var(--swell-block-fullWide--P) !important;
	padding-top: var(--swell-block-fullWide--P) !important;
}

/*@media (min-width: 600px) {
	.swell-block-fullWide {
		padding-top: var(--swell-block-fullWide--P-pc) !important;
		padding-bottom: var(--swell-block-fullWide--P-pc) !important;
	}
}*/

/*見出し*/
.h-caption {
	display: block;
	font-size: 1rem;
	/*color: var(--color-nwk-green);*/
}

.vertical-text .h-caption {
	display: inline-block;
	text-indent: 1em;
}

.bg-green-pail .h-caption,
.bg-green-pail2 .h-caption {
	color: var(--forest);
}

h1.c-pageTitle,
h1.c-postTitle__ttl {
	font-size: 1.75em;
}

@media (min-width: 600px) {

	h1.c-pageTitle,
	h1.c-postTitle__ttl {
		font-size: 2.75em;
	}

	h1.c-pageTitle[data-style=b_bottom],
	.c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
		border-bottom: none;
		padding: 0;
	}

	h1.c-pageTitle::after {
		border-bottom: none;
	}
}

#main_content h2:not(.p-postList__title) {
	font-size: 2.5em;
}

#main_content h2+*:not(h2):not(h3):not(h4):not(h5):not(h6) {
	margin-top: 1.5em;
}


#main_content h3:not(.p-postList__title),
#main_content .h3:not(.p-postList__title) {
	font-size: 2em !important;
	font-weight: bold;
	background: none;
	padding: 0 0 .5em 0;
	margin: 1em 0 .75em 0;
}

#main_content h3:not(.p-postList__title)::before,
#main_content .h3:not(.p-postList__title)::before {
	height: 0;
}


@media (min-width: 600px) {

	#main_content h3:not(.p-postList__title),
	#main_content .h3:not(.p-postList__title) {
		font-size: 1.5em;
	}
}

#main_content h4:not(.p-postList__title),
#main_content .h4:not(.p-postList__title) {
	font-size: 1.25em !important;
	font-weight: bold;
	background: none;
	padding: 0 0 0 .75em;
	margin-left: 0;
	border-left: none;
}

#main_content .h4:not(.p-postList__title)::before {
	content: none;
}


@media (min-width: 600px) {

	#main_content h4:not(.p-postList__title),
	#main_content .h4:not(.p-postList__title) {
		font-size: 1.5em;
	}
}

#main_content h5:not(.p-postList__title),
#main_content .h5:not(.p-postList__title) {
	font-size: 1em;
	font-weight: bold;
	background: none;
	padding: 0 0 .5em 0;
	margin: 0 0 1em;
	border-bottom: 1px solid var(--color_htag);
}

#main_content .h5:not(.p-postList__title)::before {
	content: none;
}

@media (min-width: 600px) {

	#main_content h5:not(.p-postList__title),
	#main_content .h5:not(.p-postList__title) {
		font-size: 1.25em;
	}
}

#main_content h6:not(.p-postList__title),
#main_content .h6:not(.p-postList__title) {
	font-size: 1em;
	font-weight: bold;
	background: none;
	padding: 0 0 .5em 0;
	margin: 0 0 1em;
	border-bottom: 1px solid #ccc;
}

#main_content .h6:not(.p-postList__title)::before {
	content: none;
}

@media (min-width: 600px) {

	#main_content h6:not(.p-postList__title),
	#main_content .h6:not(.p-postList__title) {
		font-size: 1em;
	}
}

@media (min-width: 600px) {
	.cut-back {
		min-height: 240px;
	}
}

/*縦書き*/
.swell-block-column.swl-has-mb--s {
	display: grid;
}
.vertical-text {
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	text-orientation: mixed; /* or upright */
	display: block;
	margin: auto !important;
}

/* scroll-down・page-top */
.p-mainVisual__scroll {
	bottom: 70px;
}

.p-mainVisual__scrollLabel {
	padding-top: 60px;
}

.p-mainVisual__scrollArrow {
	display: none;
}

/* 線の描写 */
.p-mainVisual__scroll::after {
	content: "";
	/*描画位置*/
	position: absolute;
	top: 0;
	/*線の形状*/
	width: 1px;
	height: 50px;
	background: #fff;
	/*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.75s ease-in-out infinite;
	opacity: 0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove {
	0% {
		height: 0;
		top: 0;
		opacity: 0;
	}

	30% {
		height: 30px;
		opacity: 1;
	}

	100% {
		height: 0;
		top: 50px;
		opacity: 0;
	}
}

@keyframes cirlereversehide {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1;
	}

	80% {
		opacity: 0.9;
	}

	100% {
		opacity: 0;
	}
}

@media (min-width: 600px) {
	.bnr-area {
		max-width: var(--article_size);
		width: 100%;
		margin: auto;
	}
}

/*コンテンツヘッダー*/
@media (min-width: 600px) {
	.l-topTitleArea {
		min-height: unset;
		aspect-ratio: 4 / 1;
	}
}

.-list-flex.surround {
	padding: 0;
}

.-list-flex.surround li {
	background-color: var(--wp--preset--color--white);
	padding: .5em 1em;
	border-radius: 1.5em;
	list-style: none;
	color: var(--color_main);
}

.has-white-background-color .-list-flex.surround li {
	background-color: rgba(125, 161, 85, 0.1);
}

.-list-flex.-type-separate {
	padding: 0;
	font-size: .9em;
}

.-list-flex.-type-separate::after,
.-list-flex.-type-separate li::before {
	content: "|";
}

.-list-flex.-type-separate li::before {
	padding-right: 1em;
}

.-list-flex.-type-separate li {
	list-style: none;
}

.-list-flex.-type-separate li a {
	text-decoration: none;
}

.has-white-background-color .-list-flex.-type-separate li {
	border: 1px solid var(--color_main);
}

/*フローティングボタン*/
.button-recruit,
.menu-item-155 {
	background-color: var(--color-nwk-green);
}

.button-entry,
.menu-item-246 {
	background-color: var(--color-nwk-darkgreen);
}

.button-contact,
.menu-item-156 {
	background-color: var(--color-blue);
}

.w-frontTop,
.w-beforeFooter .auxiliary-container {
	display: none;
}

@media (max-width: 599px) {
	.single-post .auxiliary-container {
		display: none;
	}
}


.auxiliary-container {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}

@media (min-width: 600px) {

	.w-frontTop,
	.w-beforeFooter .auxiliary-container {
		display: block;
	}

	.p-blogParts.post_content[data-partsid="254"] {
		position: absolute;
		right: 0;
		z-index: 10;
	}

	/*.-series-right .w-header {
        display: block;
        position: absolute;
        right: 0;
        top: 150px;
        margin-left: 0;
        width: initial;
    }*/

	.auxiliary-navi {
		display: block;
	}

	.auxiliary-button {
		display: flex;
		position: relative;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		padding: initial;
		min-height: 9em;
		margin: .5em 0;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		justify-content: center;
		align-items: center;
		border-radius: 30px;
		width: 52px;
	}

	.auxiliary-button.button-contact {
		margin-top: 0;
	}

}

/*フローティングSPメニュー*/
#fix_bottom_menu {
	box-shadow: none;
	bottom: 5px !important;
}

#fix_bottom_menu .menu-item.menu_btn {
	display: none;
}

#fix_bottom_menu .menu_list {
	padding: 0;
}

#fix_bottom_menu .menu-item.menu_btn {
	display: none;
}

#fix_bottom_menu .menu-item {
	height: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 1rem;
	margin: 5px;
}

#fix_bottom_menu span {
	color: inherit;
	display: block;
	font-size: 1rem;
	line-height: 1;
	margin-top: unset;
	width: initial;
}

#fix_bottom_menu::before {
	opacity: 0;
}

.menu-item.current-menu-item {
	border-radius: 30px;
	/*max-width: 90%;*/
}

/*ボタンカスタマイズ*/
.is-style-btn_normal.tel-btn a {
	font-size: clamp(1.75rem, 1.643rem + 0.48vw, 2rem) !important;
}

[class*=is-style-btn_].btn-white a {
	color: var(--color_main);
	background-color: #fff;
}

/* スクエアトリミング */
.--trimming-square img {
	aspect-ratio: 1;
	object-fit: contain;
}

/*タグ*/
h3.name {
	line-height: normal;
}

h3.name::before {
	display: none;
}

.tag-categorized {
	font-size: .5em;
	padding: .25em .5em;
	border-radius: 1em;
	background-color: var(--color_main);
	color: #fff;
	margin-left: .5em;
	vertical-align: middle;
}

/*配置入れ替え SP*/
@media (max-width: 799px) {

	.swap-sp .wp-block-column:first-child,
	.swap-sp .swell-block-column:first-child {
		order: 1;
	}

	.swap-sp .wp-block-column:last-child,
	.swap-sp .swell-block-column:last-child {
		order: 0;
	}
}

@media (max-width: 799px) {

	.swap-sp .swap-end .wp-block-column:first-child,
	.swap-sp .swap-end .swell-block-column:first-child {
		order: inherit;
	}

	.swap-sp .swap-end .wp-block-column:last-child,
	.swap-sp .swap-end .swell-block-column:last-child {
		order: inherit;
	}
}

/* 背景デコレーション */
.cutting-bg--regular {
	box-shadow: inset -30px -80px 0 rgba(242, 242, 242, 1);
}

@media (min-width: 600px) {
	.cutting-bg--regular {
		box-shadow: inset -100px -40px 0 rgba(242, 242, 242, 1);
	}
}

/* ループスライダー */
[data-partsid="619"] {
	margin-bottom: -40px;
}

@media (min-width: 600px) {
	[data-partsid="619"] {
		margin-bottom: -25px;
	}
}

@media (min-width: 960px) {
	[data-partsid="619"] {
		margin-bottom: -25px;
	}
}

.loop-slider {
	display: flex;
	overflow: hidden;
	gap: 5%;
	/* 画像間の余白を指定 */
	position: relative;
	z-index: -10;
}

.loop-slider .wp-block-group__inner-container,
.loop-slider .swell-block-columns {
	display: contents;
}

.loop-slider .swell-block-columns__inner {
	flex-wrap: nowrap;
	animation: infinity-scroll-left 30s infinite linear;
	/* アニメーションの時間を指定 */
}

.loop-slider .swell-block-column figure {
	width: 1100px;
	/* 画像の横幅を指定（パソコン） */
	height: auto;
	max-height: 300px;
	position: relative;
}

.loop-slider .swell-block-column figure::before {
	padding-top: 65%;
	/* 画像の縦横比を指定 */
	display: block;
	content: "";
}

.loop-slider .swell-block-column figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100% !important;
	height: auto !important;
	object-fit: cover;
	object-position: center;
}

@media screen and (max-width: 959px) {
	.loop-slider .swell-block-column figure {
		width: 400px;
		/* 画像の横幅を指定（スマホ） */
		height: auto;
		max-height: 110px;
	}
}

@keyframes infinity-scroll-left {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

@keyframes infinity-scroll-left2 {
	from {
		transform: translateX(100%);
	}

	to {
		transform: translateX(0);
	}
}

@media (min-width: 960px) {
	.img-parallax {
		min-height: 250px;
	}
}

/* ギャラリー */
.gallery-block {
	background: linear-gradient(to bottom, #ECF4E2, #ffffff, #f7f7f7);
}

/* ギャラリーのループスライド */
.stk-slide-gallery {
	display: flex;
	align-items: center;
	overflow: hidden;
	gap: 0;
	padding: 0 !important;
}

.stk-slide-gallery .wp-block-gallery {
	flex-wrap: nowrap;
	animation: loop-slide 30s infinite linear 1s both;
	padding-top: 1em;
}

.stk-slide-gallery .wp-block-image {
	width: 300px !important;
	aspect-ratio: 4/3;
}

.stk-slide-gallery .wp-block-gallery {
	--wp--style--gallery-gap-default: 1em;
	margin-right: 1em;
}

.stk-slide-gallery.reverse .wp-block-gallery {
	animation-direction: reverse;
}

@keyframes loop-slide {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

/* ギャラリーのループスライド／モバイル画面で表示サイズを変更 */
@media not screen and (min-width: 600px) {
	.stk-slide-gallery .wp-block-image {
		width: 125px !important;
	}
}

/* iframe調整 */
/*iframe {
	border: 10px solid #fff !important;
}*/

/*コンタクトフォーム調整*/
.input-preferred select {
	padding: .4em .5em !important;
}

.input-preferred {
	display: flex;
}

.input-preferred input {
	width: 50%;
	max-width: 200px;
	margin-right: 10px;
}

.input-preferred select {
	width: 50%;
}

.wpcf7-spinner {
	display: none;
}

/* MENU調整 */
.c-widget__title.-spmenu {
	padding: 0;
	border-radius: unset;
	background: none;
	color: unset;
	font-size: 1.5em;
	text-align: center;
}

.p-spMenu__inner::before {
	background: var(--color-nwk-green);
	opacity: .9;
	backdrop-filter: blur(10px);
}

.c-widget__title.-spmenu {
	color: #fff;
	background: var(--color-black);
}

.c-spnav.c-listMenu .menu-item {
	font-size: 1.5em !important;
}

.c-spnav a {
	border-bottom: 1px solid var(--color-black);
}

.c-listMenu a {
	padding: 1.5em !important;
}

.c-listMenu a:hover {
	background: rgba(255, 255, 255, .25);
	opacity: 1;
	padding: 1.5em !important;
}

.c-spnav.c-listMenu .menu-item a {
	text-align: center;
}

.c-spnav.c-listMenu .menu-item a::before {
	display: none !important;
}

.c-listMenu a {
	padding: 1.5em 1em 1.5em 1.5em;
	font-weight: bold;
}

.p-spMenu__inner {
	border-left: 5px solid var(--color_main);
}

/* リキャプチャ バッジ調整 */
.grecaptcha-badge {
	z-index: 1;
	left: 0;
	width: 70px !important;
	bottom: 40px !important;
}

.grecaptcha-badge:hover {
	width: 256px !important;
}

[data-loaded=false] .grecaptcha-badge {
	display: none;
}

[data-scrolled=true] .grecaptcha-badge {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible !important;
}

@media screen and (min-width:960px) {
	.grecaptcha-badge {
		bottom: 90px !important;
	}
}

iframe[title=reCAPTCHA] {
	border: none !important;
}

/* google reCaptchaバッヂ非表示 */
.grecaptcha-badge {
	visibility: hidden !important;
	pointer-events: none !important;
}

.grecaptcha-form-notice {
	margin-top: 25px !important;
	font-size: 87.5%;
	opacity: .7;
	text-align: center;
	line-height: 1.5
}

.grecaptcha-form-notice a {
	color: inherit !important;
}

/*リキャプチャ非表示*/
[data-scrolled=true] .grecaptcha-badge {
	visibility: unset !important;
	display: none !important;
}

/* 会社概要 */
dl.outline,
dl.license-list,
dl.timeline {
	display: flex;
	flex-wrap: wrap;
	font-size: .9em;
}

dl.timeline .swell-block-dl__dd+.swell-block-dl__dt {
	margin-top: 0;
}

dl.outline dt,
dl.outline dd,
dl.license-list dt,
dl.license-list dd {
	padding: 1em;
	margin-bottom: 2px;
}

dl.outline dt,
dl.license-list dt {
	width: 100%;
	border-bottom: 1px solid var(--cobalt);
}

dl.outline dd,
dl.license-list dd {
	width: 100%;
	border-bottom: 1px solid var(--color_border);
	margin-inline-start: 0;
}

@media(min-width: 600px) {

	dl.outline .swell-block-dl__dd+.swell-block-dl__dt,
	dl.license-list .swell-block-dl__dd+.swell-block-dl__dt {
		margin-top: 0;
	}

	dl.outline dt {
		width: 15%;
	}

	dl.license-list dt {
		width: 40%;
	}

	dl.outline dd {
		width: 34.6%;
		margin-left: 0.2%;
		margin-right: 0.2%;
	}

	dl.license-list dd {
		width: 9.6%;
		margin-left: 0.2%;
		margin-right: 0.2%;
	}
}

dl.timeline dt,
dl.timeline dd {
	border-top: 1px solid var(--color_border);
	padding: 1em 0.5em;
	margin-bottom: 0;
}

dl.timeline {
	border-bottom: 1px solid var(--color_border);
}

dl.timeline dt {
	width: 33%;
	text-align: right;
}

dl.timeline dd {
	width: 67%;
	margin-left: 0;
}

@media(min-width: 900px) {
	dl.timeline dt {
		width: 22%;
	}

	dl.timeline dd {
		width: 78%;
		margin-left: 0;
	}
}

/*航路・船舶*/
/*16進数透明度
00 = 0% (完全透明)
1A = 10%
33 = 20%
4D = 30%
66 = 40%
80 = 50% (半透明)
99 = 60%
B3 = 70%
CC = 80%
E6 = 90%
FF = 100% (完全不透明)*/
.routes-ships-block {
	background:
		linear-gradient(to bottom,
			#217b93E6,
			/* #217b93 + 50% alpha */
			#31b0d3E6,
			/* #31b0d3 + 50% alpha */
			#cbe8efE6,
			/* #cbe8ef + 50% alpha */
			#31b0d3E6,
			/* #31b0d3 + 50% alpha */
			#217b93E6
			/* #217b93 + 50% alpha */
		),
		url('https://nanwakaiji.com/cms/wp-content/uploads/2025/07/root-ship-bg.webp');
	background-size: cover, cover !important;
	background-position: center, center !important;
	background-repeat: no-repeat, no-repeat !important;
	height: auto;
}

.ships-list {
	background-color: #fff;
	border-radius: 10px;
}

.ships-list figure img {
	border-radius: 10px 10px 0 0 !important;
}

.box-in-txt {
	padding: 1.5em;
}

/* 業務内容 */
.work-list,
.benefits-detail {
	border-radius: 10px;
}

.work-list:not(:first-child),
.benefits-detail {
	margin-top: 10px;
}

.work-list .has-white-background-color {
	color: inherit;
}

.work-list .work-name {
	color: var(--color-nwk-darkgreen);
}

@media(min-width: 600px) {
	.work-list .work-name {
		border-right: 1px dashed #ccc;
	}

	.benefits-detail .work-name {
		border-right: 1px dashed #fff;
	}
}

@media(max-width: 599px) {
	.work-list .work-name {
		border-bottom: 1px dashed #ccc;
	}

	.benefits-detail .work-name {
		border-bottom: 1px dashed #fff;
	}
}

/* 職場環境 */
@media(min-width: 600px) {
	.benefits-list img {
		max-width: 90%;
	}
}

.employee-messages {
	margin-top: 30px;
}

/*パララックス*/
@media(min-width: 600px) {
	.swell-block-fullWide.-parallax {
		min-height: 400px;
	}
}

@media(max-width: 599px) {
	.swell-block-fullWide.-parallax {
		min-height: 160px;
	}
}


/*画像切り抜き（平行四辺形）*/
.parallelogram-photo {
	--swl-clmn-mrgn--x: clamp(-70px, 0.089rem + -5.95vw, -20px) !important;
}
.parallelogram-mask {
	width: 100%;
	height: auto;
	-webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
	clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
	overflow: hidden;
	position: relative;
}

.parallelogram-mask img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 20px;
}

/*アコーディオン*/
.swell-block-accordion + .swell-block-accordion {
	margin-top: 20px;
}
.swell-block-accordion .swell-block-accordion__title {
	background: var(--color-nwk-green);
	border-radius: 10px;
	color: #fff;
	padding: 1.25em;
}
.swell-block-accordion .is-opened .swell-block-accordion__title {
	border-radius: 10px 10px 0 0;
}