@charset "UTF-8";

html,
body {
	font-size: 62.5%;
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.fw {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.fnw {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.jcsb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.jcc {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.jcfs {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.jcfe {
	-webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
}

.aic {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.aie {
	-webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
}

/* ====================
	all
==================== */
#coord_lp200416 {
	width: 140rem;
	margin: 7.5rem auto 14rem;
	font-feature-settings: "palt";
}

#coord_lp200416 img {
	width: 100%;
}

/* ===================
	title
=================== */
.coord_lp200416_ttl {
	width: 46.6rem;
	margin: 0 auto;
	font-size: 4.8rem;
	font-family: 'Questrial', sans-serif;
	text-align: center;
	line-height: 1.33333;
	letter-spacing: 0.15em;
}

.coord_lp200416_deco {
	width: 14.8rem;
	display: block;
	line-height: 1;
	margin-bottom: 1rem;
}

.coord_lp200416_num {
  width: 6.6rem;
  display: block;
  line-height: 1;
  margin-left: auto;
}

/* ===================
	credit
=================== */
.coord_lp200416_credit_wrap {
	margin-top: 1.5rem;
}

.coord_lp200416_credit_wrap._01,
.coord_lp200416_credit_wrap._06,
.coord_lp200416_credit_wrap._08 {
	text-align: right;
}

.coord_lp200416_credit {
	font-size: 1.2rem;
	line-height: 2;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.08em;
}

/* ===================
	section
=================== */
.coord_lp200416_sec {
	margin: 0 auto 10rem;
}

/* ===================
	section 01
=================== */
.coord_lp200416_sec._01 {
	margin-top: 5.8rem;
	width: 120rem;
}

.coord_lp200416_img_wrap_list_inner.sec_01._01 {
	width: 67rem;
}

.coord_lp200416_img._01,
.coord_lp200416_img._02 {
	width: 32rem;
}

.coord_lp200416_img._01 {
	margin-top: 10rem;
}

.coord_lp200416_img._02 {
	margin-top: 35rem;
}

.coord_lp200416_img._03 {
	width: 48rem;
}

/* ===================
	section 02
=================== */
.coord_lp200416_sec._02 {
	width: 111rem;
	margin-left: 16.5rem;
}

.coord_lp200416_img_wrap_list.sec_02._01 {
	width: 40rem;
}

.coord_lp200416_img_wrap_list.sec_02._02 {
	margin-top: 27rem;
	width: 65rem;
}

/* ===================
	section 03
=================== */
.coord_lp200416_sec._03 {
	width: 40rem;
}

.coord_lp200416_img_wrap_list.sec_03._01 {
	width: 40rem;
}

/* ===================
	section 04
=================== */
.coord_lp200416_sec._04 {
	width: 105rem;
}

.coord_lp200416_img_wrap_list.sec_04._01 {
	width: 50rem;
}

.coord_lp200416_img_wrap_list.sec_04._02 {
	margin-top: 7.5rem;
	width: 45rem;
}

/* ===================
	section 05
=================== */
.coord_lp200416_sec._05 {
	width: 48rem;
}

.coord_lp200416_img_wrap_list.sec_05._01 {
	width: 48rem;
}

/* ===================
	section 06
=================== */
.coord_lp200416_sec._06 {
	width: 110rem;
}

.coord_lp200416_img_wrap_list.sec_06._01 {
	width: 45rem;
	margin-top: 20rem;
}

.coord_lp200416_img_wrap_list.sec_06._02 {
	width: 70rem;
	margin-left: -5rem;
	mix-blend-mode: multiply;
}

/* ====================
  for IE
==================== */
@media all and (-ms-high-contrast: none) {
	.coord_lp200416_sec._06 {
		width: 1100px;
	}

	.coord_lp200416_img_wrap_list.sec_06._01 {
		width: 450px;
		margin-top: 200px;
	}

	.coord_lp200416_img_wrap_list.sec_06._02 {
		background-image: url("../../../../../page/feature/coordination/200416/img/img_11_bg.png");
		-webkit-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
		display: block;
		width: 700px;
		height: 467px;
		margin-left: -50px;
		top: 0;

	}

	.coord_lp200416_img._11 {
		opacity: .8!important;
	}
}


/* ===================
	section 07
=================== */
.coord_lp200416_sec._07 {
	width: 88rem;
}

.coord_lp200416_img_wrap_list.sec_07._01,
.coord_lp200416_img_wrap_list.sec_07._02 {
	width: 40rem;
}

/* ===================
	section 08
=================== */
.coord_lp200416_sec._08 {
	width: 111rem;
}

.coord_lp200416_img_wrap_list.sec_08._01 {
	width: 45rem;
}

.coord_lp200416_img_wrap_list.sec_08._02 {
	width: 58rem;
	margin-top: 14.4rem;
}

/* ===================
	button
=================== */
.coord_lp200416_btn {
	width: 380px;
	margin: 10rem auto 0;
}

.coord_lp200416_btn a {
	width: 380px;
	height: 74px;
	font-size: 20px;
	text-align: center;
	font-family: 'Questrial', sans-serif;
	border: 1px solid #101010;
}

/* for pc */
@media only screen
and (min-device-width: 768px) {
	.sp_only {
		display: none;
	}
}


/* for tablet */
/* for tablet */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1200px)
and (-webkit-min-device-pixel-ratio: 1) {
}

/* for sp */
@media only screen
and (max-device-width: 767px) {
	.pc_only {
		display: none;
	}

	#coord_lp200416 {
		max-width: 100%;
		margin: calc(100 * (100vw / 750)) auto calc(200 * (100vw / 750));
		font-feature-settings: "palt";
	}

	/* ===================
		title
	=================== */
	.coord_lp200416_ttl {
		width: calc(604 * (100vw / 750));
		margin: 0 auto;
		font-size: calc(68 * (100vw / 750));
		font-family: 'Questrial', sans-serif;
		text-align: center;
		line-height: 1.2647;
	}

	.coord_lp200416_deco {
		width: calc(200 * (100vw / 750));
		display: block;
		line-height: 1;
		margin-bottom: calc(10 * (100vw / 750));
	}
	
	.coord_lp200416_num {
		width: calc(100 * (100vw / 750));
		display: block;
		line-height: 1;
		margin-left: auto;
		margin-top: 0;
	}

	/* ===================
		credit
	=================== */
	.coord_lp200416_credit_wrap {
		margin-top: calc(30 * (100vw / 750));
	}

	.coord_lp200416_credit_wrap._01,
	.coord_lp200416_credit_wrap._03,
	.coord_lp200416_credit_wrap._04,
	.coord_lp200416_credit_wrap._07 {
		text-align: center;
	}

	.coord_lp200416_credit_wrap._02,
	.coord_lp200416_credit_wrap._06,
	.coord_lp200416_credit_wrap._08 {
		text-align: right;
		padding-right: calc(20 * (100vw / 750));
	}

	.coord_lp200416_credit {
		font-size: calc(24 * (100vw / 750));
		line-height: 1.75;
		letter-spacing: 0.08em;
	}

	/* ===================
		section
	=================== */
	.coord_lp200416_sec {
		margin: 0 auto calc(120 * (100vw / 750));
	}

	/* ===================
		section 01
	=================== */
	.coord_lp200416_sec._01 {
		margin-top: calc(110 * (100vw / 750));
		width: 100%;
	}

	.coord_lp200416_img_wrap_list.sec_01._01 {
		width: 100%;
	}

	.coord_lp200416_img_wrap_list.sec_01._02 {
		margin: 0 auto;
	}

	.coord_lp200416_img_wrap_list_inner.sec_01._01 {
		width: 100%;
	}

	.coord_lp200416_img._01 {
		width: calc(352 * (100vw / 750));
		margin-top: calc(40 * (100vw / 750));
	}

	.coord_lp200416_img._02 {
		width: calc(368 * (100vw / 750));
		margin-top: calc(190 * (100vw / 750));
	}

	.coord_lp200416_img._03 {
		width: calc(638 * (100vw / 750));
		margin: 0 auto;
	}

	/* ===================
		section 02
	=================== */
	.coord_lp200416_sec._02 {
		width: 100%;
		margin: 0 auto;
	}

	.coord_lp200416_img_wrap_list.sec_02._01 {
		width: calc(450 * (100vw / 750));
		margin-left: calc(37 * (100vw / 750));
	}

	.coord_lp200416_img_wrap_list.sec_02._02 {
		margin-top: calc(40 * (100vw / 750));
		width: 100%;
	}

	/* ===================
		section 03
	=================== */
	.coord_lp200416_sec._03 {
		width: 100%;
		margin: 0 auto;
	}

	.coord_lp200416_img_wrap_list.sec_03._01 {
		width: calc(526 * (100vw / 750));
		margin: calc(72 * (100vw / 750)) auto 0;
	}

	/* ===================
		section 04
	=================== */
	.coord_lp200416_sec._04 {
		width: 100%;
	}

	.coord_lp200416_img_wrap_list.sec_04._01 {
		margin-top: calc(40 * (100vw / 750));
		margin-left: calc(37 * (100vw / 750));
		width: calc(638 * (100vw / 750));
	}

	.coord_lp200416_img_wrap_list.sec_04._02 {
		width: calc(600 * (100vw / 750));
		margin-left: calc(150 * (100vw / 750));
		margin-top: calc(112 * (100vw / 750));
	}

	/* ===================
		section 05
	=================== */
	.coord_lp200416_sec._05 {
		width: calc(676 * (100vw / 750));
	}

	.coord_lp200416_img_wrap_list.sec_05._01 {
		width: calc(676 * (100vw / 750));
	}

	/* ===================
		section 06
	=================== */
	.coord_lp200416_sec._06 {
		width: 100%;
	}

	.coord_lp200416_img_wrap_list.sec_06._01 {
		width: calc(488 * (100vw / 750));
		margin-top: calc(40 * (100vw / 750));
	}

	.coord_lp200416_img_wrap_list.sec_06._02 {
		width: 100%;
		margin: 0 auto;
		opacity: 1;
	}

	/* ===================
		section 07
	=================== */
	.coord_lp200416_sec._07 {
		width: 100%;
	}

	.coord_lp200416_img_wrap_list.sec_07._01,
	.coord_lp200416_img_wrap_list.sec_07._02 {
		width: calc(526 * (100vw / 750));
		width: calc(526 * (100vw / 750));
		margin: 0 auto;
	}

	.coord_lp200416_img_wrap_list.sec_07._02 {
		margin-top: calc(40 * (100vw / 750));
	}

	/* ===================
		section 08
	=================== */
	.coord_lp200416_sec._08 {
		width: 100%;
	}

	.coord_lp200416_img_wrap_list.sec_08._01 {
		width: calc(562 * (100vw / 750));
		margin-left: 0;
	}

	.coord_lp200416_img_wrap_list.sec_08._02 {
		width: calc(712 * (100vw / 750));
		margin-left: calc(38 * (100vw / 750));
		margin-top: calc(40 * (100vw / 750));
	}

	/* ===================
		button
	=================== */
	.coord_lp200416_btn {
		width: calc(676 * (100vw / 750));
		margin: calc(152 * (100vw / 750)) auto 0;
	}

	.coord_lp200416_btn a {
		width: calc(676 * (100vw / 750));
		height: calc(200 * (100vw / 750));
		font-size: calc(44 * (100vw / 750));
		box-sizing: border-box;
		line-height: 1.1818181818;
		font-family: 'Questrial', sans-serif;
	}

	.order_01 {
		order: 1;
	}

	.order_02 {
		order: 2;
	}
}


/************ fade **********/
.fade {
  -webkit-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.fade.onView {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}