@media screen and (max-width:1100px) {
	/*
	再利用、拡張が可能なレイアウトルールのパーツ
	=================================================== */
	#media-header .media-btn {
		background-color: var(--lp1-green);
	}
	#media-header .media-btn:hover {
		background-color: #63b985;
	}
	#iot-lp .title {
		font-size: 26px;
	}
	#iot-lp .heading {
		font-size: 21px;
	}
	.l-flex-wrap {
		justify-content: space-between;
	}
	#iot-lp #footer {
		padding-top: 64px;
	}
	/*
	iot-lp-firstview
	================================================== */
	#iot-lp-firstview .container {
		padding-bottom: 80px;
		background-position: 30vw 0vh;
		background-size: 68%;
	}
	#iot-lp-firstview .container .content .text {
		padding: 31.5rem 0 40px;
	}
	.down-arrow {
		transform: rotate(-90deg);
	}
	/*
	iot-problem
	================================================== */
	#iot-problem .container {
		height: 80%;
	}
	#iot-problem .container .l-flex-wrap {
		display: block;
	}
	#iot-problem .container .card.solve .heading {
		font-size: 24px;
	}
	#iot-problem .container .problem-solve {
		display: flex;
		align-items: center;
	}
	/* カード（課題） ==============================　*/
	#iot-problem .container .card.problem {
		margin-top: 4em;
	}
	#iot-problem .container .card.problem,
	#iot-problem .container .card.solve {
		height: 356px;
	}
	#iot-problem .container .card.solve .icon {
		bottom: -14%;
		left: 60%;
		width: 130px;
	}
	#iot-lp .introduction p {
		font-size: 1.46em;
	}
	/*
	possible
	================================================== */
	#iot-lp #possible .container .contents .content .text {
		max-width: 50%;
	}
	#iot-lp #possible .container .contents .content .text .heading {
		font-size: 24px;
	}
	#iot-lp #possible .container .contents .content img {
		max-width: 45%;
		max-height: 20rem;
	}
	#iot-lp #possible .container .contents .content.last .text {
		max-width: 45%;
	}

	/*
	#iot-needs
	=================================================== */
	#iot-needs .container .content img {
		width: 280px;
		height: 200px;
		object-fit: cover;
		border-radius: 6px;
	}
	#iot-needs .container .content .text {
		max-width: 500px;
		padding-left: 16px;
	}
	/*
	#iot-works
	=================================================== */
	#iot-works .container .l-flex-wrap {
		flex-wrap: nowrap;
	}
	#iot-works .container .cards .card {
		width: 92%;
		height: 520px;
		padding: 32px 24px;
		margin: 0 auto;
	}
	#iot-works .container .cards .card .text .heading {
		font-size: 21px;
	}
	#iot-works .container .cards .card .text .heading {
		font-size: 21px;
	}
	#iot-works .container .cards .card .text p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin-bottom: 20px;
		padding-bottom: 0px;
	}
	/*
	#project
	=================================================== */
	#project .container .contents .content {
		max-width: 224px;
		padding: 24px 16px;
	}
	#project .container .contents .content .title {
		font-size: 21px;
	}
	#project .container .contents .content img {
		width: 136px;
		height: 136px;
	}
}

	@media screen and (max-width:600px) {
/* ===================================================
	ベース
=================================================== */
/* 改行 */
.css-br::before {
	content: "\A" ;
	white-space: pre;
}
.l-flex-wrap {
	flex-flow: column;
}
/* ===================================================
iot-lp.html
=================================================== */
#iot-lp .title {
	font-size: 24px;
}
#iot-lp-firstview .container {
	background-position: 20vw 6vh;
	background-size: 72%;
}
#iot-lp-firstview .container .content .text {
	padding: 17.2rem 0 32px;
}
#iot-lp-firstview .container .content .text-accent {
	max-width: 48px;
}
#iot-lp-firstview .container .content .title {
	height: auto;
	padding-bottom: 40px;
	font-size: 1.56em;
	background-position: 0.1em 3.1em;
}
#iot-lp-firstview .container .content .title .marker {
	font-size: 1.2em;
}
#iot-lp-firstview .container .content .text .info {
	line-height: 1.7em;
}
#iot-lp #iot-lp-firstview .btn {
	margin: 0 12px;
}
/*
iot-problem
=================================================== */
#iot-problem .container .title {
	text-align: center;
}
/* カード ==============================　*/
#iot-problem .container .card {
	position: relative;
	max-width: 341px;
	margin: 96px 0 32px;
	border-radius: 6px;
}
#iot-problem .container .card .heading {
	padding-bottom: 32px;
	font-size: 24px;
}
/* カード（課題） ==============================　*/
#iot-problem .container .card.problem img {
	display: block;
	max-height: 108px;
	width: auto;
	margin: 0 auto;
}

/* カード（課題）ここまで ==============================　*/
/* 下矢印 ==============================　*/
.down-arrow {
	transform: rotate(0deg);
}
/* カード（解決） ==============================　*/
#iot-problem .container .problem-solve {
	display: block;
	text-align: -webkit-center;
}
#iot-problem .container {
	height: 2800px;
}
#iot-problem .container .card .text {
	text-align: left;
}
#iot-problem .container .card.solve {
	margin-top: 24px;
}
#iot-problem .container .card.solve .icon {
	position: absolute;
	max-height: 32%;
	bottom: -12%;
}
#iot-problem .container .card.solve .heading {
	color: var(--lp1-green);
	font-size: 28px;
}
/* カード（解決）ここまで ==============================　*/
#iot-lp .introduction p {
	font-size: 1.25rem;
}
/*
iot-cta
=================================================== */
#iot-lp .iot-cta .container .title {
	font-size: 21px;
}
#iot-lp .iot-cta .container .button {
	display: block;
	width: 100%;
	text-align: center;
}
#iot-lp .iot-cta .container .button .btn.download {
	margin-bottom: 32px;
}
/*
iot-needs
=================================================== */
#iot-needs .container .content {
	display: block;
}
#iot-needs .container .title {
	padding-bottom: 40px;
}
/*
possible
=================================================== */
#iot-lp #possible .replace {
	flex-flow: column-reverse;
}
#iot-lp #possible .container .contents .content .text,
#iot-lp #possible .container .contents .content.last .text,
#iot-lp #possible .container .contents .content img {
	max-width: 100%;
}
#iot-lp #possible .container .contents .content .text {
	padding-bottom: 32px;
}
#iot-lp #possible .container .contents .content img {
	height: 10rem;
}
/*
iot-needs
=================================================== */
#iot-needs .container .content .text {
	padding-left: 0;
}
#iot-needs .container .content img {
	width: 100%;
	margin-bottom: 16px;
}
/*
iot-works
=================================================== */
#iot-works .container .cards .card {
	max-width: 100%;
	height: auto;
	margin-bottom: 32px;
}
/*
project
=================================================== */
#project {
	padding-top: 80px;
}
#project .container .contents .content {
	max-width: 82%;
	margin: 0 auto;
}
#project .container .contents .content img {
	height: 156px;
}
#project .container .contents .right-arrow {
	margin: 0 auto;
	transform: rotate(90deg);
}
}