@charset "UTF-8";


/* ========================================
	coordinate
======================================== */
.background01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 300ms;
	background: center top no-repeat;
	background-size: 100% auto;
}
.background01 {
	background-image: url(../images/coordinate/bg_cont.jpg);
	opacity: 1;
}
.c-pagetitle {
	position: relative;
	width: 61.86666666666667%; /* 464 / 750 * 100 */
	margin: 0 auto;
}
.p-coordinate {
	position: relative;
}
.c-pagecatch {
	position: absolute;
	top: -3.3807829181494666%; /* -57 / 1686 * 100 */
	left: 3.8666666666666667%; /* 29 / 750 * 100 */
	width: 92.13333333333334%; /* 691 / 750 * 100 */
}
.p-coordinate_lead01 {
	position: absolute;
	top: 5.041518386714116%; /* 85 / 1686 * 100 */
	left: 7.066666666666667%; /* 53 / 750 * 100 */
	width: 83.46666666666667%; /* 626 / 750 * 100 */
}

/* ========================================
	p-coordinate-slide01
======================================== */
.p-coordinate-slide01_wrap {
	position: absolute;
	top: 14.531435349940688%; /* 245 / 1686 * 100 */
	left: 0;
	width: 100%;
	height: 39.383155397390276%; /* 664 / 1686 * 100 */
}
.p-coordinate-slide01_bg {
	position: absolute;
	top: 0;
	width: 100%;
}
.p-coordinate-slide01_in {
	position: absolute;
	top: 26.054216867469883%; /* 173 / 664 * 100 */
	left: 10.666666666666668%; /* 80 / 750 * 100 */
	width: 78.66666666666666%; /* 590 / 750 * 100 */
	height: 55.72289156626506%; /* 370 / 664 * 100 */
}
.p-coordinate-item01 {
	position: absolute;
	top: 0;
	left: 5.733333333333333%; /* 43 / 750 * 100 */
	width: 88.53333333333333%; /* 664 / 750 * 100 */
}
.p-coordinate-slide01_wrap .bx-wrapper .bx-pager {
	position: relative;
	bottom: -13px;
	z-index: 100;
}
.p-coordinate-slide01_wrap .bx-wrapper .bx-pager-item a {
	width: 5.625vw;
	height: 5.625vw;
	margin: 0 4px;
	background: url(../images/common/ico_pager_pi03.png) no-repeat 0 0;
	background-size: 100% auto;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
.p-coordinate-slide01_wrap .bx-wrapper .bx-pager-item a.active {
	background-position: 0 100%;
}
.p-coordinate-slide01_wrap .bx-wrapper .bx-controls-direction a {
	width: 14.545454545454545%; /* 80 / 550 * 100 */
	height: 24.242424242424242%; /* 80 / 330 * 100 */
	margin-top:-12.121212121212121%; /* -40 / 330 * 100 */
}
.p-coordinate-slide01_wrap .bx-wrapper .bx-prev {
	left: -16.727272727272727%; /* -92 / 550 * 100 */
	background: url(../images/common/ico_prev_pi.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-coordinate-slide01_wrap .bx-wrapper .bx-next {
	right: -16.727272727272727%; /* -92 / 550 * 100 */
	background: url(../images/common/ico_next_pi.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-coordinate_h {
	position: absolute;
	top: 54.56702253855279%; /* 920 / 1686 * 100 */
	left: 13.733333333333334%; /* 103 / 750 * 100 */
	width: 71.86666666666667%; /* 539 / 750 * 100 */
}
.p-coordinate_lead02 {
	position: absolute;
	top: 65.30249110320284%; /* 1101 / 1686 * 100 */
	left: 12.8%; /* 96 / 750 * 100 */
	width: 74.26666666666667%; /* 557 / 750 * 100 */
}
.p-coordinate-item02 {
	position: absolute;
	top: 70.34400948991696%; /* 1186 / 1686 * 100 */
	left: 1.6%; /* 12 / 750 * 100 */
	width: 96.93333333333334%; /* 727 / 750 * 100 */
}


/* ========================================
	p-coordinate-mixcode
======================================== */
.p-coordinate-mixcode {
	position: relative;
}
.p-coordinate-mixcode_h01 {
	position: absolute;
	top: 3.7853577371048255%; /* 91 / 2404 * 100 */
	left: 3.8666666666666667%; /* 29 / 750 * 100 */
	width: 92.13333333333334%; /* 691 / 750 * 100 */
}
.p-coordinate-mixcode_h02 {
	position: absolute;
	top: 9.40099833610649%; /* 226 / 2404 * 100 */
	left: 21.2%; /* 159 / 750 * 100 */
	width: 57.599999999999994%; /* 432 / 750 * 100 */
}
.p-coordinate-mixcode_slide {
	position: absolute;
	top: 13.061564059900165%; /* 314 / 2404 * 100 */
	left: 7.333333333333333%; /* 55 / 750 * 100 */
	width: 87.2%; /* 654 / 750 * 100 */
	height: 45.673876871880196%; /* 1098 / 2404 * 100 */
	z-index: 10;
}

.p-mixcode-l{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 20;
	opacity: 0;
	cursor: pointer;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	transition:
		opacity 100ms 200ms,
		-webkit-transform 300ms,
		transform 300ms;
}
.is-type1 .p-coordinate-mixcode_slideitem01 .p-mixcode-l,
.is-type2 .p-coordinate-mixcode_slideitem02 .p-mixcode-l,
.is-type3 .p-coordinate-mixcode_slideitem03 .p-mixcode-l,
.is-type4 .p-coordinate-mixcode_slideitem04 .p-mixcode-l {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	transition:
		opacity 100ms 200ms,
		-webkit-transform 300ms 200ms,
		transform 300ms 200ms;
}
.p-mixcode-l-star {
	position: absolute;
	display: block;
	width: 18.807339449541285%; /* 123 / 654 * 100 */
	height: 8.695652173913043%; /* 92 / 1058 * 100 */
	top: 4.44234404536862%; /* 47 / 1058 * 100 */
	left: 5.351681957186544%; /* 35 / 654 * 100 */
	right: 0;
	/*margin-left: auto;
	margin-right: auto;*/
	z-index: 30;
	opacity: 0;
	transition: opacity 200ms;
}
.is-type1 .p-coordinate-mixcode_slideitem01 .p-mixcode-l-star,
.is-type2 .p-coordinate-mixcode_slideitem02 .p-mixcode-l-star,
.is-type3 .p-coordinate-mixcode_slideitem03 .p-mixcode-l-star,
.is-type4 .p-coordinate-mixcode_slideitem04 .p-mixcode-l-star {
	opacity: 1;
	transition: opacity 200ms 200ms;
}

.p-coordinate-mixcode_pager {
	position: absolute;
	bottom: -6%;
	width: 100%;
	z-index: 100;
	text-align: center;
}
.p-mixcode-item {
	font-size: 0;
	line-height: 0;
	display: inline-block;
	vertical-align: bottom;
}
.p-mixcode-item a {
	width: 5.625vw;
	height: 5.625vw;
	margin: 0 4px;
	background: url(../images/common/ico_pager_pi03.png) no-repeat 0 0;
	background-size: 100% auto;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	outline: 0;
}
.p-mixcode-item a.active {
	background-position: 0 100%;
}

.p-coordinate-mixcode-brand_list {
	position: absolute;
	top: 62.60399334442596%; /* 1505 / 2404 * 100 */
	width: 100%;
	height: 22.462562396006653%; /* 540 / 2404 * 100 */
	background: url(../images/coordinate/brand_list.png) repeat-x 0 0;
	background-size: auto 100%;
	-webkit-animation: brandcard 75s linear infinite;
	animation: brandcard 75s linear infinite;
}
@-webkit-keyframes brandcard {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 127.27272727272727% 0; /* 3500 / ( 750 - 3500 ) * 100*/
	}
}
@keyframes brandcard {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 127.27272727272727% 0; /* 3500 / ( 750 - 3500 ) * 100*/
	}
}
.p-coordinate-mixcode_other_ico {
	position: absolute;
	bottom: 5.116472545757071%; /* 123 / 2404 * 100 */
	left:7.333333333333333%; /* 55 / 750 * 100 */
	width: 89.73333333333333%; /* 673/ 750 * 100 */
	z-index: 10;
}
.l-modal_inner {
	padding-bottom: 4px;
}