@charset "UTF-8";




@media (min-width: 1024px) {

	.custom-pagetitle {
		font-family: var(--font_eng);
		font-optical-sizing: auto;
		text-transform: uppercase;
		font-size: 3.375rem;
		font-weight: 700;
		line-height: 1;
		color: var(--kwt_skyblue);
	}
	
	.c-site-branding__title a {
		display: inline-block;
	}

	[data-scrolled="false"] .l-header .c-row {
		height: 120px;
	}

	[data-scrolled="false"] .c-site-branding__title a,
	[data-scrolled="true"] .c-site-branding__title a {
		transition: transform 0.4s ease;
		transform-origin: center left;
		display: block;
		width: 360px;
		height: auto;
	}

	[data-scrolled="true"] .c-site-branding__title a {
		transform: scale(.8);
	}

	[data-scrolled="false"] .l-header .c-fluid-container,
	[data-scrolled="true"] .l-header .c-fluid-container {
		transition: padding-right 0.4s ease;
	}

	[data-scrolled="true"] .l-1row-header__branding,
	[data-scrolled="true"] .l-1row-header__content {
		padding: 0;
	}

	[data-scrolled="false"] .c-site-branding__title img {
		transition: display 0.4s ease;
	}

	[data-scrolled="false"] .c-site-branding__title img.normal-logo {
		display: none;
	}

	[data-scrolled="false"] .c-site-branding__title img.skyblue-logo {
		display: block;
	}

	[data-scrolled="true"] .c-site-branding__title img.skyblue-logo {
		display: none;
	}

	[data-scrolled="true"] .c-site-branding__title img.normal-logo {
		display: block;
	}

	[data-scrolled="true"] .p-global-nav .c-navbar__item > a {
		padding: 1em var(--_padding-1);
	}

	[data-scrolled="true"] .l-header .c-fluid-container {
		padding-right: 0;
	}


	[data-scrolled="false"] .c-site-branding__title img {
		filter: drop-shadow(0px 0px 5px rgba(0,0,0,1))
				drop-shadow(0px 0px 8px rgba(0,0,0,0.5));
		transition: filter 0.4s ease;
	}

	[data-scrolled="true"] .c-site-branding__title img {
		filter: none;
	}
	
	[data-scrolled="false"] .l-header .c-row,
	[data-scrolled="true"] .l-header .c-row,
	[data-scrolled="false"] .l-header .c-navbar,
	[data-scrolled="true"] .l-header .c-navbar {
		transition: all 0.2s ease;
	}

	[data-scrolled="false"] .p-global-nav .c-navbar__item,
	[data-scrolled="true"] .p-global-nav .c-navbar__item,
	[data-scrolled="false"] .l-header--sticky-overlay-lg,
	[data-scrolled="true"] .l-header--sticky-overlay-lg,
	[data-scrolled="false"] .header-contact a,
	[data-scrolled="true"] .header-contact a {
		transition: 
		background 0.4s ease,
		box-shadow 0.4s ease,
		backdrop-filter 0.4s ease,
		-webkit-backdrop-filter 0.4s ease,
		filter 0.4s ease;
	}

	[data-scrolled="true"] .l-header .c-row,
	[data-scrolled="true"] .l-header .c-navbar {
		height: 64px;
	}

	[data-scrolled="false"] .l-header--sticky-overlay-lg {
		background: rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		-webkit-backdrop-filter: blur(0px);
		backdrop-filter: blur(0px);
	}

	/* スクロール後 */
	[data-scrolled="true"] .l-header--sticky-overlay-lg {
		background: rgba(255, 255, 255, 0.7);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}

	[data-scrolled="true"] .l-header--sticky-overlay-lg .p-global-nav .c-navbar__item > a {
		color: #202020;
	}



	/* ボタンコンテナの基本レイアウト */
	.header-contact {
		display: inline-block; /* ボタンのサイズに合わせてコンテナの幅を調整 */
	}

	/* ボタンリンク（aタグ）の基本スタイル */
	.header-contact a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		padding: 12px 24px;
		font-weight: 700;
		transition: background-color 0.4s ease, color 0.4s ease;
	}

	[data-scrolled="true"] .header-contact a {
		height: 64px;
	}

	/* テキスト（span）のスタイル */
	.header-contact a span {
		margin-left: 8px; /* アイコンとの間隔 */
		line-height: 1; /* 行の高さを調整 */
	}

	/* SVGアイコンのスタイル */
	.header-contact a .mail-icon {
		width: 20px; /* アイコンのサイズ */
		height: 20px;
		fill: currentColor;
		transition: fill 0.4s ease; 
	}

	[data-scrolled="false"] .header-contact a {
		background-color: #fff;
		color: #001440;
	}

	[data-scrolled="true"] .header-contact a {
		background-color: #001440;
		color: #fff;
	}

	.p-global-nav .c-navbar__item > a {
		transition: 
			filter 0.4s ease,
			background-color 0.4s ease;
	}

	[data-scrolled="true"] .l-header .c-row > .c-row__col {
		padding-left: 0;
	}

	.c-page-header {
		align-items: flex-end;
		height: clamp(280px, 62.5vw, 320px) !important;
	}

}

.c-page-header[data-align=center] .c-page-header__content {
	align-items: flex-start;
}

@media ( min-width: 1024px) and (max-width: 1280px) {

	[data-scrolled="false"] .c-site-branding__title a,
	[data-scrolled="true"] .c-site-branding__title a {
		transition: all 0.4s ease;
		transform-origin: center left;
		display: block;
		width: 270px;
		height: auto;
	}

	.header-contact span {
		display: none;
	}
}

@media (max-width: 1023px){
.c-site-branding__title a {
		display: inline-block;
	}

	.l-header__content {
		padding-top: 0;
		padding-bottom: 0;
	}

	.l-header__content .c-row>.c-row__col {
		padding-left: 0;
	}

	[data-scrolled="false"] .c-site-branding__title a,
	[data-scrolled="true"] .c-site-branding__title a {
		transition: transform 0.4s ease;
		transform-origin: center left;
		display: block;
		width: 240px;
		height: auto;
	}

	[data-scrolled="false"] .l-header .c-fluid-container,
	[data-scrolled="true"] .l-header .c-fluid-container {
		transition: padding-right 0.4s ease;
	}


	[data-scrolled="true"] .l-1row-header__content {
		padding: 0;
	}

	[data-scrolled="false"] .c-site-branding__title img {
		transition: display 0.4s ease;
	}

	[data-scrolled="false"] .c-site-branding__title img.normal-logo {
		display: none;
	}

	[data-scrolled="false"] .c-site-branding__title img.skyblue-logo {
		display: block;
	}

	[data-scrolled="true"] .c-site-branding__title img.skyblue-logo {
		display: none;
	}

	[data-scrolled="true"] .c-site-branding__title img.normal-logo {
		display: block;
	}


	.l-header .c-fluid-container {
		padding-right: 0;
	}


	[data-scrolled="false"] .c-site-branding__title img {
		filter: drop-shadow(0px 0px 2px rgba(0,0,0,1))
				drop-shadow(0px 0px 4px rgba(0,0,0,0.3));
		transition: filter 0.4s ease;
	}

	[data-scrolled="true"] .c-site-branding__title img {
		filter: none;
	}
	
	[data-scrolled="false"] .l-header .c-row,
	[data-scrolled="true"] .l-header .c-row,
	[data-scrolled="false"] .l-header .c-navbar,
	[data-scrolled="true"] .l-header .c-navbar {
		transition: all 0.2s ease;
	}

	[data-scrolled="false"] .p-global-nav .c-navbar__item,
	[data-scrolled="true"] .p-global-nav .c-navbar__item,
	[data-scrolled="false"] .l-header--sticky-overlay-lg,
	[data-scrolled="true"] .l-header--sticky-overlay-lg,
	[data-scrolled="false"] .header-contact a,
	[data-scrolled="true"] .header-contact a {
		transition: 
		background 0.4s ease,
		box-shadow 0.4s ease,
		backdrop-filter 0.4s ease,
		-webkit-backdrop-filter 0.4s ease,
		filter 0.4s ease;
	}

	[data-scrolled="false"] .l-header--sticky-overlay-lg {
		background: rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		-webkit-backdrop-filter: blur(0px);
		backdrop-filter: blur(0px);
	}

	/* スクロール後 */
	[data-scrolled="true"] .l-header--sticky-overlay-lg {
		background: rgba(255, 255, 255, 0.7);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}

	[data-scrolled="true"] .l-header--sticky-overlay-lg .p-global-nav .c-navbar__item > a {
		color: #202020;
	}

	.c-page-header {
		padding-bottom: calc(var(--_padding1) / 2);
	}

	.c-page-header[data-has-image=true] {
		height: clamp(60px, 50vw, 160px);
		align-items: flex-end;
	}

	.custom-pagetitle {
		font-family: var(--font_eng);
		font-optical-sizing: auto;
		text-transform: uppercase;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.2;
		color: var(--kwt_skyblue);
	}

	.c-page-header__content h1.c-page-header__title {
		font-size: 1rem;
	}

	






	.l-header .u-invisible-lg-up {
		display: flex;
		align-items: center;
		height: 48px;
	}

	.l-header .u-invisible-lg-up .sp_head_nav img {
		width: 24px;
		height: 24px;
	}

	.l-header .u-invisible-lg-up .sp_head_nav > div,
	.l-header .u-invisible-lg-up .sp_head_nav > a {
		width: 42px;
		height: 48px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		text-decoration: none;
	}

	.l-header .u-invisible-lg-up .sp_head_nav span {
		padding-top: 1px;
		font-size: 8px;
	}


	.c-hamburger-btn {
		width: 48px;
		height: 48px;
		background: var(--accent-color);
	}

	.c-hamburger-btn__bars {
		height: 24px;
		width: 32px;
	}

	.c-hamburger-btn {
		display: flex;
		align-items: center;
	}

	.c-hamburger-btn__bar {
		background-color: #fff !important;
		height: 2px;
		width: 20px;
		margin-left: auto;
	}

	.c-hamburger-btn__bar:nth-of-type(2) {
		width: 32px;
		top: 10px;
	}

	.c-hamburger-btn__bar:nth-of-type(3) {
		width: 20px;
		margin-left: auto;
		top: 20px;
	}


	.c-hamburger-btn[aria-expanded="true"] {
		
		.c-hamburger-btn__bar:nth-of-type(1) {
			width: 42px;
			top: 11px !important;
			right: -6px;
		}

		.c-hamburger-btn__bar:nth-of-type(2) {
			opacity: 0;
		}

		.c-hamburger-btn__bar:nth-of-type(3) {
			width: 42px;
			top: 11px !important;
			right: -6px;
		}

	}


	.quick_icons {
		display: flex;
		justify-content: left;
		align-items: flex-start;
		gap: 1em;
		margin-bottom: calc( var(--_margin1) * .5 );
	}

	.quick_icons img {
		width: 48px;
		height: 48px;
	}

	.quick_icons a {
		border: 1px solid #9f99bb;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column;
		text-decoration: none;
	}

	.in_drawer {
		padding-top: var(--_padding-1);
		padding-bottom: var(--_padding-1);
	}

	.in_drawer a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.c-drawer__inner .in_drawer a img {
		width: 85%;
		max-width: 240px;
	}


	ul#menu-sp_nav {
		border-top: 1px solid #9f99bb;
	}

	ul#menu-sp_nav,
	ul#menu-sp_nav .c-drawer__item {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		overflow: unset;
	}

	ul#menu-sp_nav li {
		border-bottom: 1px solid #9f99bb;
	}

	ul#menu-sp_nav li a {
		display: block;
		width: 100%;
		height: auto;
		font-size: 1.25rem;
		font-weight: bold;
		padding: .5em 0;
	}

	.p-drawer-sub-nav.c-drawer__sub-nav {
		margin-top: 1em;
	}
	
	ul#menu-sp_sub_nav li a {
		display: block;
		width: 100%;
		font-size: 1rem;
	}


}

@media (max-width: 768px) {
}




.c-page-header {
	position: relative;
	overflow: hidden;
}

.header-network {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	opacity: .4;
}


@media ( max-width: 768px ) {

	

	

	
}



@media (any-hover: hover) {

	[data-scrolled="false"] .p-global-nav .c-navbar__item > a:hover,
	.header-contact a:hover {
		filter: brightness(.5);
	}

	[data-scrolled="true"] .p-global-nav .c-navbar__item > a:hover {
		background-color: rgba(105, 100, 100, 0.2);
	}
	
}