@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* SNSアイコン */
li.c-iconList__item.-room{position:relative;}
.icon-room:before {
	content:"";
	display:block;
	background-color: #000;
	width:auto;
	height:1em;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 493 493'%3E%3Cpath class='cls-1' d='m139.57,142.06c41.19,0,97.6-2.09,138.1-1.04,54.34,1.39,74.76,25.06,75.45,83.53.69,33.06,0,127.73,0,127.73h-58.79c0-82.83.35-96.5,0-122.6-.69-22.97-7.25-33.92-24.9-36.01-18.69-2.09-71.07-.35-71.07-.35v158.96h-58.79v-210.22Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 493 493'%3E%3Cpath class='cls-1' d='m139.57,142.06c41.19,0,97.6-2.09,138.1-1.04,54.34,1.39,74.76,25.06,75.45,83.53.69,33.06,0,127.73,0,127.73h-58.79c0-82.83.35-96.5,0-122.6-.69-22.97-7.25-33.92-24.9-36.01-18.69-2.09-71.07-.35-71.07-.35v158.96h-58.79v-210.22Z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 1.2em;
	mask-size: 1.2em;

}
.icon-github:before {
	content:"";
	display:block;
	background-color: #000;
	width:auto;
	height:1em;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: .9em;
	mask-size: .9em;

}
//
// animation
//
@keyframes slideIn {
	0% {
		transform: translateX(180px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
	}
	40%,100% {
		opacity: 1;
	}
}
.js-scroll{
	opacity:0;
}

[data-loaded="true"] .active.slow1 {
	animation-duration:.1s!important;
	transition-duration:.1s!important;
}
[data-loaded="true"] .active.slow2 {
	animation-duration:.2s!important;
	transition-duration:.2s!important;

}
[data-loaded="true"] .active.slow3 {
	animation-duration:.3s!important;
	transition-duration:.3s!important;
}
[data-loaded="true"] .active.slow4 {
	animation-duration:.4s!important;
	transition-duration:.4s!important;
}
[data-loaded="true"] .active.slow5 {
	animation-duration:.5s!important;
	transition-duration:.5s!important;
}
[data-loaded="true"] .active.slow6 {
	animation-duration:.6s!important;
	transition-duration:.6s!important;
}
[data-loaded="true"] .active.slow7 {
	animation-duration:.7s!important;
	transition-duration:.7s!important;
}
[data-loaded="true"] .active.slow8 {
	animation-duration:.8s!important;
	transition-duration:.8s!important;
}
[data-loaded="true"] .active.slow9 {
	animation-duration:.9s!important;
	transition-duration:.9s!important;
}
[data-loaded="true"] .active.slow10 {
	animation-duration:1.0s!important;
	transition-duration:1.0s!important;
}

[data-loaded="true"] .active.delay1 {
	animation-delay:0.1s!important;
	transition-delay:0.1s!important;
}
[data-loaded="true"] .active.delay2 {
	animation-delay:0.2s!important;
	transition-delay:0.2s!important;
}
[data-loaded="true"] .active.delay3 {
	animation-delay:0.3s!important;
	transition-delay:0.3s!important;
}
[data-loaded="true"] .active.delay4 {
	animation-delay:0.4s!important;
	transition-delay:0.4s!important;
}
[data-loaded="true"] .active.delay5 {
	animation-delay:0.5s!important;
	transition-delay:0.5s!important;
}
[data-loaded="true"] .active.delay6 {
	animation-delay:0.6s!important;
	transition-delay:0.6s!important;
}
[data-loaded="true"] .active.delay7 {
	animation-delay:0.7s!important;
	transition-delay:0.7s!important;
}
[data-loaded="true"] .active.delay8 {
	animation-delay:0.8s!important;
	transition-delay:0.8s!important;
}
[data-loaded="true"] .active.delay9 {
	animation-delay:0.9s!important;
	transition-delay:0.9s!important;
}
[data-loaded="true"] .active.delay10 {
	animation-delay:1s!important;
	transition-delay:1s!important;
}
[data-loaded="true"] .active.delay15 {
	animation-delay:1.5s!important;
	transition-delay:1.5s!important;
}
[data-loaded="true"] .active.delay20 {
	animation-delay:2s!important;
	transition-delay:2s!important;
}
@media (max-width: 600px){
	[data-loaded="true"] 	.active.delay_sp1 {
		animation-delay:0.1s!important;
		transition-delay:0.1s!important;
	}
	[data-loaded="true"] .active.delay_sp2 {
		animation-delay:0.2s!important;
		transition-delay:0.2s!important;
	}
	[data-loaded="true"] .active.delay_sp3 {
		animation-delay:0.3s!important;
		transition-delay:0.3s!important;
	}
	[data-loaded="true"] .active.delay_sp4 {
		animation-delay:0.4s!important;
		transition-delay:0.4s!important;
	}
	[data-loaded="true"] .active.delay_sp5 {
		animation-delay:0.5s!important;
		transition-delay:0.5s!important;
	}
	[data-loaded="true"] .active.delay_sp6 {
		animation-delay:0.6s!important;
		transition-delay:0.6s!important;
	}
	[data-loaded="true"] .active.delay_sp7 {
		animation-delay:0.7s!important;
		transition-delay:0.7s!important;
	}
	[data-loaded="true"] .active.delay_sp8 {
		animation-delay:0.8s!important;
		transition-delay:0.8s!important;
	}
	[data-loaded="true"] .active.delay_sp9 {
		animation-delay:0.9s!important;
		transition-delay:0.9s!important;
	}
	[data-loaded="true"] .active.delay_sp10 {
		animation-delay:1s!important;
		transition-delay:1s!important;
	}
	[data-loaded="true"] .active.delay_sp15 {
		animation-delay:1.5s!important;
		transition-delay:1.5s!important;
	}
	[data-loaded="true"] .active.delay_sp20 {
		animation-delay:2s!important;
		transition-delay:2s!important;
	}
}

[data-loaded="true"] .fadeup.active {
	animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
	animation-delay:0.1s;
}


[data-loaded="true"] .fadein.active {
	animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
	animation-delay:0.1s;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeup {
	0% {
		transform: translateY(60px);
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

// animationここまで

[data-loaded="true"] .u-fade-type-slide.active{
	opacity:1;
	position:relative;
}
[data-loaded="true"] .u-fade-type-slide.active::after {
	transition: .6s;
	transform: scaleX(0);
}
.u-fade-type-slide::after {
	content: '';
	display: block;
	width: 100%;
	transform: scaleX(1);
	transform-origin: 100% 0;
	height: 100%;
	background-color: var(--komecco__khaki);
	position: absolute;
	top: 0;
	right: 0;
	transition-delay:inherit!important;
	transition-duration:inherit!important;
}