@charset "utf-8";
figure {
	margin: 0;
}
#idea04 {
	width: 996px;
	margin: 0 auto;
	padding: 0 48px;
	font-size: 14px;
	line-height: 1.8;
}
#idea04 .pc-none {
	display: none;
}
#idea04 .idea > h2:first-child {
	overflow: hidden;
	height: 17px;
	margin: 18px auto 15px;
	background: url(../images/common/idea.png) no-repeat 50% 0;
	text-align: left;
	text-indent: 100%;
	white-space: nowrap;
}
#idea04 figcaption {
	padding-top: 2px;
	color: #646464;
	font-size: 10px;
	line-height: 1.5;
	text-align: right;
}
#idea04 #idea-kv {
	width: 760px;
	margin: 0 auto;
}
#idea04 .lead h3 {
	margin: 57px 0 55px;
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
}
#idea04 .lead p {
	margin: 0 88px 71px;
	font-size: 16px;
	line-height: 1.9;
	text-align: justify;
	-webkit-font-feature-settings: "halt";
	font-feature-settings: "halt";
	letter-spacing: 0.62px;
}
#idea04 .lead + h2 {
	letter-spacing: 0.5px;
}
#idea04 ul.nav {
	display: webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
}
#idea04 ul.nav li {
	width: 280px;
	margin-right: 30px;
	margin-bottom: -1px;
}
#idea04 ul.nav li:nth-child(3n) {
	margin-right: 0;
}
#idea04 ul.nav li a {
	display: block;
	position: relative;
	padding: 10px 22px 10px 12px;
	border: 1px solid #555;
	border-left: none;
	border-right: none;
}
#idea04 ul.nav li a:after {
	position: absolute;
	top: 0;
	right: 9px;
	bottom: 0;
	width: 13px;
	height: 8px;
	margin: auto 0;
	background: url(../images/common/menu_arrow.png);
	content: "";
}
#idea04 section {
	margin-top: 78px;
}
#idea04 section h3 {
	padding: 12px 0 38px;
	border-top: 1px solid #555;
}
#idea04 section .cont {
	position: relative;
}
#idea04 section .cont p {
	margin-top: 24px;
	line-height: 1.75;
	text-align: justify;
}
#idea04 .sec .cont > figure:first-of-type {
	margin-bottom: 37px;
}
#idea04 .sec .cont > div {
	position: relative;
	padding-right: 470px;
}
#idea04 .sec .cont > div figure:last-of-type {
	position: absolute;
	top: 0;
	right: 0;
}
#idea04 .sec .cont > div figure:first-of-type {
	top: 5px;
	margin-bottom: 38px;
}
#idea04 #idea-sec1 {
	margin-top: 48px;
}
#idea04 #idea-sec1 .cont > div {
	min-height: 323px;
}
#idea04 #idea-sec1 .cont p {
	margin-top: 0;
}
#idea04 #idea-sec2 {
	margin-top: 65px;
}
#idea04 #idea-sec2 .cont > div {
	min-height: 313px;
}
#idea04 #idea-sec3 .cont > div {
	min-height: 637px;
}
#idea04 #idea-sec4 .cont > div {
	min-height: 657px;
}
#idea04 #idea-profile {
	margin-top: 72px;
	padding-bottom: 28px;
}
#idea04 #idea-profile h3 {
	padding-bottom: 18px;
}
#idea04 #idea-profile .cont {
	padding-right: 465px;
}
#idea04 #idea-profile picture {
	position: absolute;
	top: 37px;
	right: 0;
}
#idea04 #idea-profile h4 {
	margin-bottom: 5px;
	font-size: 16px;
}
#idea04 #idea-profile h4 small {
	font-size: 100%;
}
#idea04 #idea-profile p {
	margin-top: 0;
	line-height: 1.75;
}
#idea04 #idea-profile p.link {
	position: absolute;
	top: 369px;
	right: 0;
	text-align: right;
}
#idea04 #idea-profile p.link a {
	text-decoration: underline;
}
#idea04 #idea-profile .bnr {
	margin-top: 21px;
}
#idea04 #idea-profile .bnr .photo {
	height: auto;
}
#idea04 #idea-profile .bnr .txt {
	padding-top: 25px;
}
#idea04 #idea-profile .bnr .txt p:last-child {
	margin-top: 21px;
}
@media screen and (min-width: 769px) {
	#idea04 section .cont {
		display: block !important;
		height: auto !important;
	}
	#idea04 h2 {
		margin-top: 0;
	}
	#idea04 .sec h3 {
		margin: 0 auto;
	}
	#idea04 #idea-sec1 .cont p {
		margin: 0 auto;
	}
	#idea04 #idea-profile h3 {
		margin: 0 auto;
	}
	#idea04 #idea-profile h4 {
		margin-top: 0;
	}
	#idea04 .idea-pagenav {
		margin-left: -49px;
		margin-right: -49px;
	}
	#idea04 .idea-pagenav li {
		font-size: 12px;
		line-height: 18px;
	}
	#idea04 #idea-profile {
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 768px) {
	#idea04 {
		width: auto;
		margin: 0 22px;
		padding: 0;
	}
	#idea04 figcaption {
		padding-top: 10px;
	}
	#idea04 .pc-none {
		display: block;
	}
	#idea04 br.pc-none {
		display: inline;
	}
	#idea04 .sp-none {
		display: none;
	}
	#idea04 .idea > h2:first-child {
		width: 98px;
		height: 14px;
		margin: 17px auto;
		background-image: url(../images/common/sp/idea.png);
		background-size: auto 14px;
	}
	#idea04 figcaption {
		padding-top: 10px;
		font-size: 10px;
		font-size: 2.67vw;
	}
	#idea04 #idea-kv {
		width: auto;
		margin-left: -22px;
		margin-right: -22px;
	}
	#idea04 #idea-kv figcaption {
		padding-top: 5px;
		padding-right: 22px;
		padding-right: 5.87vw;
	}
	#idea04 #idea-kv img {
		width: 100%;
		height: auto;
	}
	#idea04 .lead h3 {
		margin: 44px 0;
		font-size: 18px;
		font-size: 4.8vw;
	}
	#idea04 .lead p {
		margin: 0 20px 72px;
		margin: 0 5.33vw 72px;
		font-size: 14px;
		font-size: 3.73vw;
	}
	#idea04 .lead + h2 {
		margin-bottom: 14px;
		font-size: 18px;
		font-size: 4.8vw;
		letter-spacing: 1px;
	}
	#idea04 ul.nav {
		display: none;
	}
	#idea04 section {
		margin-top: 0 !important;
	}
	#idea04 section h3 {
		position: relative;
		margin: 0;
		padding: 9px 28px 8px 7px !important;
		font-size: 17px;
		font-size: 4.53vw;
		cursor: pointer;
	}
	#idea04 section h3:after {
		position: absolute;
		top: 20px;
		right: 7px;
		width: 13px;
		height: 8px;
		background: url(../images/idea-04/sp/menu_arrow.png) no-repeat 50% 0;
		background-size: 13px auto;
		content: "";
	}
	#idea04 section h3.close:after {
		background-position: 50% 100%;
	}
	#idea04 section .cont {
		padding-bottom: 32px;
	}
	#idea04 section .cont p {
		margin-top: 15px !important;
		padding-bottom: 10px;
		font-size: 14px;
		font-size: 3.73vw;
		line-height: 1.85;
	}
	#idea04 .sec .cont p {
		margin-bottom: 0;
	}
	#idea04 .sec .cont figure {
		margin-top: 20px;
	}
	#idea04 .sec .cont > figure:first-of-type {
		margin-bottom: 0;
	}
	#idea04 .sec .cont > div {
		min-height: 0 !important;
		padding-right: 0;
	}
	#idea04 .sec .cont > div figure:last-of-type {
		position: static;
	}
	#idea04 .sec .cont > div figure:first-of-type {
		margin-bottom: 0;
	}
	#idea04 .sec .cont img {
		width: 100%;
		height: auto;
	}
	#idea04 #idea-profile {
		margin-top: 0;
		padding-bottom: 0;
	}
	#idea04 #idea-profile h3 {
		margin-bottom: 0;
	}
	#idea04 #idea-profile .cont {
		padding-right: 0;
		padding-bottom: 20px;
	}
	#idea04 #idea-profile picture {
		position: static;
	}
	#idea04 #idea-profile picture img {
		width: 100%;
		height: auto;
		margin: 21px 0 22px;
	}
	#idea04 #idea-profile h4 {
		margin-top: 0;
		margin-bottom: 14px;
		font-size: 17px;
		font-size: 4.53vw;
		letter-spacing: 0.4px;
		white-space: nowrap;
	}
	#idea04 #idea-profile h4 small {
		font-size: 80%;
	}
	#idea04 #idea-profile p {
		line-height: 1.85;
	}
	#idea04 #idea-profile p.link {
		position: static;
		text-align: left;
	}
	#idea04 .idea-pagenav li {
		font-size: 12px;
	}
	
	
	
	
}