@charset "UTF-8";

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

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

	.ik-body .ik-logo-introduction > *:last-child
	{ width: calc( ( 8 / 12 ) * 100% ); }

	.ik-body .ik-logo-list > li > *:last-child
	{ width: calc( ( 7.5 / 12 ) * 100% ); }

	.ik-body .ik-navi-list > li
	{ width: calc( ( ( 4 / 12 ) * 100% ) - 20px ); }

	.ik-body .ik-logo-introduction > *:first-child,
	.ik-body .ik-logo-list > li > *:first-child
	{ width: calc( ( 3 / 12 ) * 100% ); }

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

	/* margin-top */

	.ik-body .ik-logo-introduction p + p
	{ margin-top: 50px; }

	.ik-body .ik-logo-list p
	{ margin-top: 30px; }

	.ik-body .ik-logo-list br + img
	{ margin-top: 20px; }

	.ik-body .ik-logo-list .ik-main-hed
	{ margin-top: -7px; }

	/* margin-left */

	.ik-body .ik-logo-label > *:last-child
	{ margin-left: 6px; }

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

	/* padding-top */

	.ik-body .ik-logo-list > li + li > *
	{ padding-top: 90px; }

	.ik-body .ik-logo-navi
	{ padding-top: 67px; }

	.ik-body .ik-logo-introduction,
	.ik-body .ik-logo-list
	{ padding-top: 60px; }

	.ik-body .ik-navi-list > li  a
	{ padding-top: 14px; }

	/* padding-bottom */

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

	.ik-body .ik-logo-navi
	{ padding-bottom: 67px; }

	.ik-body .ik-logo-introduction
	{ padding-bottom: 53px; }

	.ik-body .ik-navi-list > li  a
	{ padding-bottom: 14px; }

	/* padding-left */

	.ik-body .ik-logo-list > li >*:last-child
	{ padding-left: calc( ( 1.5 / 12 ) * 100% ); }

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

	/* font-size */

	.ik-body .ik-logo-list .ik-main-hed
	{ font-size: 162.5%; } /* 26px */

	.ik-body .ik-logo-introduction,
	.ik-body .ik-logo-navi,
	.ik-body .ik-logo-list p
	{ font-size: 112.5%; } /* 18px */

	.ik-body .ik-logo-label
	{ font-size: 14px; }

	/* line-height */

	.ik-body .ik-logo-introduction,
	.ik-body .ik-logo-list p
	{ line-height: 2; }

	.ik-body .ik-logo-list .ik-main-hed
	{ line-height: 1.5; }

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

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

	.ik-body .ik-logo-introduction {
		display: flex;
		justify-content: space-between;
	}

	.ik-body .ik-logo-navi {
		background-color: #F5F5F6;
	}

	.ik-body .ik-navi-list {
		display: flex;
		justify-content: space-around;
	}

	.ik-body .ik-navi-list > li a {
		display: block;
		position: relative;
		font-weight: bold;
		text-align: center;
		color: #FFFFFF;
		background-color: #B41432;
	}

	.ik-body .ik-navi-list > li a::before {
		display: block;
		width: 1px;
		height: 10px;
		position: absolute;
		top: 15px;
		right: 15px;
		content: "";
		background: #FFFFFF;
		transition: height 150ms ease-out;
	}

	

	.ik-body .ik-navi-list > li a::after {
		display: block;
		width: 5px;
		height: 5px;
		position: absolute;
		right: 13px;
		bottom: 15px;
		content: "";
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		transform: rotate(45deg);
	}

	.ik-body .ik-logo-list > li {
		display: flex;
		justify-content: space-between;
	}

	.ik-body .ik-logo-list > li > *:first-child {
		opacity: 0;
		transform: translateY(40px);
		transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	}

	.ik-body .ik-logo-list > li > *:first-child.is-active {
		opacity: 1;
		transform: translateY(0);
	}

	.ik-body .ik-logo-list > li > *:first-child {
		position: relative;
	}

	.ik-body .ik-logo-list img[data-zoom="true"] {
		position: absolute;
		top: 90px;
		left: 0;
		opacity: 0;
		transition: opacity 150ms ease-out;
	}

	

	.ik-body .ik-logo-list > li > *:last-child {
		position: relative;
		border-left: 1px solid #B41432;
	}

	.ik-body .ik-logo-label {
		position: absolute;
		top: -3px;
		right: calc( 100% - 5px );
		white-space: nowrap;
		color: #B41432;
	}

	.ik-body .ik-logo-list > li + li .ik-logo-label {
		top: 90px;
	}

	.ik-body .ik-logo-label > *:last-child {
		display: inline-block;
		width: 11px;
		height: 11px;
		margin-left: 5px;
		background-color: #B41432;
		border-radius: 50%;
	}

	.ik-body .ik-logo-list > li:last-child > *:last-child::after {
		display: block;
		width: 7px;
		height: 7px;
		position: absolute;
		right: calc( 100% - 3px );
		bottom: 0;
		content: "";
		border-bottom: 1px solid #B41432;
		border-left: 1px solid #B41432;
		transform: rotate(-45deg);
	}
}
@media screen and (max-width: 960px) {

	.ik-body .ik-logo-list .ik-main-hed
	{ font-size: 125%; }

	.ik-body .ik-logo-introduction,
	.ik-body .ik-logo-navi,
	.ik-body .ik-logo-list p
	{ font-size: 94%; } /* 15px */

}
@media screen and (min-width: 961px) {
	.ik-body .ik-navi-list > li a:hover::before {
		height: 17px;
	}
	.ik-body .ik-logo-list img[data-zoom="true"]:hover {
		opacity: 1;
	}
}
@media screen and (max-width: 767px) {

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

	.ik-body .ik-logo-introduction > *:first-child
	{ width: calc( ( 3 / 4 ) * 100% ); }

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

	/* margin-top */

	.ik-body .ik-annotation-text
	{ margin-top: 60px; }

	.ik-body .ik-logo-introduction p + p
	{ margin-top: 40px; }

	.ik-body .ik-logo-introduction > *:last-child,
	.ik-body .ik-logo-list .ik-main-hed
	{ margin-top: 30px; }

	.ik-body .ik-logo-introduction > *:first-child,
	.ik-body .ik-logo-navi li + li,
	.ik-body .ik-logo-list,
	.ik-body .ik-logo-list p,
	.ik-body .ik-logo-list br + img
	{ margin-top: 20px; }

	/* margin-right */

	.ik-body .ik-logo-introduction .ik-main-hed
	{ margin-right: auto; }

	/* margin-left */

	.ik-body .ik-logo-introduction .ik-main-hed
	{ margin-left: auto; }

	.ik-body .ik-logo-list > li
	{ margin-left: 55px; }

	.ik-body .ik-logo-label > *:last-child
	{ margin-left: 8px; }

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

	.ik-body .ik-navi-list > li  a
	{ padding: 15px; }

	/* padding-top */

	.ik-body .ik-logo-list > li + li
	{ padding-top: 60px; }

	.ik-body .ik-logo-introduction
	{ padding-top: 30px; }

	/* padding-bottom */

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

	.ik-body .ik-logo-introduction
	{ padding-bottom: 45px; }

	/* padding-left */

	.ik-body .ik-logo-list > li
	{ padding-left: 15px; }

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

	/* font-size */

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

	.ik-body .ik-logo-label
	{ font-size: 14px; }

	.ik-body .ik-navi-list > li a,
	.ik-body .ik-annotation-text,
	.ik-body .ik-logo-list p
	{ font-size: 12px; }

	/* line-height */

	.ik-body .ik-logo-introduction,
	.ik-body .ik-logo-list p
	{ line-height: 2; }

	.ik-body .ik-logo-list .ik-main-hed,
	.ik-body .ik-logo-label
	{ line-height: 1.5; }

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

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

	.ik-body .ik-navi-list > li a {
		display: block;
		position: relative;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #B41432;
	}

	.ik-body .ik-navi-list > li a::before {
		display: block;
		width: 1px;
		height: 7px;
		position: absolute;
		top: 15px;
		right: 15px;
		content: "";
		background: #FFFFFF;
	}

	.ik-body .ik-navi-list > li a::after {
		display: block;
		width: 5px;
		height: 5px;
		position: absolute;
		right: 13px;
		bottom: 15px;
		content: "";
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		transform: rotate(45deg);
	}

	.ik-body .ik-logo-list > li {
		position: relative;
		border-left: 1px solid #B41432;
	}

	.ik-body .ik-logo-list > li > *:first-child {
		font-size: 0;
		opacity: 0;
		transform: translateY(40px);
		transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	}

	.ik-body .ik-logo-list > li > *:first-child.is-active {
		opacity: 1;
		transform: translateY(0);
	}

	.ik-body .ik-logo-label {
		position: absolute;
		top: -5px;
		right: calc( 100% - 5px );
		white-space: nowrap;
		color: #B41432;
	}

	.ik-body .ik-logo-list > li + li .ik-logo-label {
		top: calc( -5px + 60px );
	}

	.ik-body .ik-logo-label {
		display: table;
	}

	.ik-body .ik-logo-label > *:first-child {
		display: table-cell;
	}

	.ik-body .ik-logo-label > *:last-child {
		display: inline-block;
		width: 11px;
		height: 11px;
		background-color: #B41432;
		border-radius: 50%;
	}

	.ik-body .ik-logo-list img[data-zoom="true"] {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		transition: opacity 150ms ease-out;
	}

	.ik-body .ik-logo-list .ik-image-unit.is-zoom img[data-zoom="true"]  {
		opacity: 1;
	}

	.ik-body .ik-logo-list > li:last-child > *:last-child::after {
		display: block;
		width: 7px;
		height: 7px;
		position: absolute;
		right: calc( 100% - 3px );
		bottom: 0;
		content: "";
		border-bottom: 1px solid #B41432;
		border-left: 1px solid #B41432;
		transform: rotate(-45deg);
	}

}