@charset "UTF-8";

@media screen and (min-width: 768px) {

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	width
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.ik-body .ik-menu-list > li:nth-child(n + 1)
	{ width: 50%; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	height
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.ik-body .ik-ik-header
	{ height: 440px; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	margin
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* margin-top */

	.ik-body .ik-menu-list > li:nth-child(n + 1)
	{ margin-top: 90px; }

	.ik-body .ik-main-hed
	{ margin-top: 30px; }

	.ik-body .ik-lead-text
	{ margin-top: 15px; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	padding
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* padding-top */

	.ik-body .ik-ik-main
	{ padding-top: 60px; }

	/* padding-bottom */

	.ik-body .ik-ik-main
	{ padding-bottom: 120px; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	typography
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* font-size */

	.ik-body .ik-main-hed
	{ font-size: 150%; } /* 24px */

	.ik-body .ik-lead-text
	{ font-size: 87.5%; } /* 14px */

	/* line-height */

	.ik-body .ik-lead-text
	{ line-height: 1.5; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	individual
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.ik-body .ik-ik-header {
		background-image: url(/themes/inabata/ik/assets/img/ik/kv.png);
	}

	.ik-body .ik-menu-list {
		display: flex;
		flex-wrap: wrap;
	}

	.ik-body .ik-menu-list > li a {
		display: block;
		position: relative;
		overflow: hidden;
	}

	.ik-body .ik-menu-list > li a:hover {
		opacity: 1 !important;
	}

	.ik-body .ik-menu-list > li a img {
		transition: transform 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.ik-body .ik-menu-list > li a:hover img {
		transform: scale(1.1);
	}

	.ik-body .ik-hover-box {
		display: block;
		width: 0;
		height: 100%;
		background-color: #B41432;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.3;
		transition: width 750ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.ik-body .ik-menu-list > li a:hover .ik-hover-box {
		width: 100%;
	}

}
@media screen and (max-width: 960px) {

	.ik-body .ik-ik-header
	{ height: 300px; }

	.ik-body .ik-ik-main
	{ padding-top: 20px; }

	.ik-body .ik-menu-list > li:nth-child(n + 1)
	{ margin-top: 40px; }

	.ik-body .ik-main-hed
	{ font-size: 18px; }

	.ik-body .ik-lead-text
	{ font-size: 13px; }

	.ik-ik-header {
		background-image: url(/themes/inabata/ik/assets/img/ik/kv-sp.png);
	}

}
@media screen and (max-width: 767px) {

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	height
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.ik-body .ik-ik-header
	{ height: 300px }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	margin
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* margin-top */

	.ik-body .ik-menu-list > li + li
	{ margin-top: 60px; }

	.ik-body .ik-main-hed
	{ margin-top: 20px; }

	.ik-body .ik-lead-text
	{ margin-top: 15px; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	padding
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* padding-top */

	.ik-body .ik-menu-list
	{ padding-top: 30px; }

	/* padding-bottom */

	.ik-body .ik-ik-main
	{ padding-bottom: 90px; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	typography
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	/* font-size */

	.ik-body .ik-main-hed
	{ font-size: 16px; }

	.ik-body .ik-lead-text
	{ font-size: 12px; }

	/* line-height */

	.ik-body .ik-lead-text
	{ line-height: 1.5; }

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	individual
	* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

	.ik-ik-header {
		background-image: url(/themes/inabata/ik/assets/img/ik/kv-sp.png);
	}

}