@charset "utf-8";

/* ---------------------------------- */
/* 					mv				  */
/* ---------------------------------- */
#mv.recruit_interview {
	background-image: url(/assets/img/sub-directory/recruit/interview/top/mv.jpg);
	background-position: right top;
}
#mv.datamv {
	background-image: url(/assets/img/sub-directory/recruit/interview/topmv_data.jpg);
	background-position: center center;
}
#mv .link{ display:none;}

@media screen and (max-width: 768px) {
	#mv.recruit_interview {
		background-image: url(recruit/img/mv_sp1024.jpg);
	}

	#mv.datamv {
		background-image: url(/assets/img/sub-directory/recruit/interview/topmv_sp_data.jpg);
	}

	#mv .link {
		position:absolute;
		bottom: 25%;
		width: 100%;
		text-align: center;
		display:block;
	}

	#mv .link a {
		color: #231815;
		font-size: 12px;
		font-weight: bold;
		padding: 10px 80px;
		background-color: #fff;
		display: inline-block;
		position: relative;
	}

	#mv .link a:hover {
		color: #92b36e;
		text-decoration: none;
	}

	#mv .link a::after {
		position: absolute;
		top: 50%;
		right: 15px;
		display: block;
		content: '';
		width: 6px;
		height: 6px;
		margin-top: -3px;
		border-top: 1px solid #231815;
		border-right: 1px solid #231815;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}

	#mv .link a:hover::after {
		border-top: 1px solid #92b36e;
		border-right: 1px solid #92b36e;
	}
}

.a_links_wrap {
	padding: 70px 0 0 0;
}

.a_links_wrap ul {
	width: 980px;
	margin: 0 auto;
}

.a_links_wrap ul:after {
	content: "";
	clear: both;
	display: block;
}

.a_links_wrap ul li {
	width: 305px;
	margin: 0 24px 0 0;
	float: left;
}

.a_links_wrap ul li a {
	color: #231815;
	font-size: 12px;
	font-weight: bold;
	width: 305px;
	padding: 14px 0;
	background-color: #fff;
	display: inline-block;
	position: relative;
}

.a_links_wrap  ul li a:hover {
	color: #92b36e;
	text-decoration: none;
}

.a_links_wrap ul li a::after {
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #231815;
	border-right: 1px solid #231815;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.a_links_wrap ul li a:hover::after {
	border-top: 1px solid #92b36e;
	border-right: 1px solid #92b36e;
}

@media screen and (max-width: 768px) {
	.a_links_wrap {
		padding: 50px 0 0 0;
	}
	.a_links_wrap ul {
		width: 90%;
		margin: 0 auto;
	}

	.a_links_wrap ul:after {
		content: "";
		clear: both;
		display: block;
	}

	.a_links_wrap ul li {
		width: 48%;
		margin: 0 2% 0 0;
		float: left;
	}

	.a_links_wrap ul li a {
		color: #231815;
		font-size: 12px;
		font-weight: bold;
		width: 100%;
		padding: 14px 0;
		background-color: #fff;
		display: inline-block;
		position: relative;
	}
}

.interview_data {
	padding: 100px 0 60px 0;
}

.interview_data h3 {
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 160px 0;
}

@media screen and (max-width: 768px) {
	.interview_data {
		padding: 50px 0 20px 0;
	}
	.interview_data h3 {
		font-size: 22px;
		font-weight: bold;
		margin: 0 0 70px 0;
	}
}

.interview_links {
	padding: 100px 0 100px 0;
}

.interview_links .inner {
	width: 980px;
	margin: 0 auto;
}

.interview_links .links {
	margin: 0 0 0 -25px;
}

.interview_links .links:after {
	content: "";
	clear: both;
	display: block;
}

.interview_links h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 70px 0;
}

.interview_links article {
	width: 220px;
	margin: 0 0 50px 25px;
	float: left;
}

.interview_links article figure {
	margin: 0 0 30px 0;
}

.interview_links article figure img {
	width: 100%;
}

.interview_links article h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 6px 0;
}

.interview_links article .on {
	font-size: 10px;
	font-family: serif;
	margin: 0 0 10px 0;
}

.interview_links article .on span {
	/*font-weight: bold;*/
}

.interview_links article .position {
	font-size: 12px;
	margin: 0 0 20px 0;
}

.interview_links article .link {

}

.interview_links article .link a {
	color: #231815;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	width: 180px;
	padding: 12px 0;
	border: solid 1px #231815;
	display: inline-block;
	position: relative;
	z-index: 2;
}

.interview_links article .link a:hover {
	color: #92b36e;
	text-decoration: none;
	border: solid 1px #92b36e;
}

.interview_links article .link a::after {
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #231815;
	border-right: 1px solid #231815;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.interview_links article .link a:hover::after {
	border-top: 1px solid #92b36e;
	border-right: 1px solid #92b36e;
}

@media screen and (max-width: 768px) {
	.interview_links {
		padding: 50px 0 50px 0;
	}
	.interview_links h3 {
		margin: 0 0 40px 0;
	}
	.interview_links .inner {
		width: 90%;
		margin: 0 auto 0 auto;
	}
	.interview_links article .position {
		height: 2.5em;
		font-size: 10px;
		line-height: 1.5;
	}
	.interview_links article .position span {
		display: block;
	}
	.interview_links .links {
		margin: 0 0 0 0;
	}
	.interview_links article .link a {
		width: 100%;
	}
	.interview_links article {
		width: 46%;
		margin: 0 2% 40px 2%;
		float: left;
	}
}

/* ---------------------------------- */
/* 				ƒOƒ‰ƒt				  */
/* ---------------------------------- */
.graph {
	width: 980px;
	margin: 0 auto 140px auto;
}

.graph:after {
	content: "";
	clear: both;
	display: block;
}

.graph img {
	width: 100%;
}

.graph .fig {
	width: 504px;
	position: relative;
	float: left;
}

.graph .fig .base {
	width: 504px;
	z-index: 1;
}

.graph .desc {
	text-align: left;
	width: 420px;
	float: right;
}

.graph .desc h4 {
	font-size: 14px;
	font-family: serif;
	font-style: oblique;
	font-weight: normal;
	margin: 0 0 20px 0;
}

.graph .desc h4 span {
	font-size: 23px;
}

.graph .desc h5 {
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 0.3em;
	margin: 0 0 20px 0;
}

.graph .desc h6 {
	font-size: 18px;
	font-weight: normal;
	font-family: serif;
	letter-spacing: 0.2em;
	margin: 0 0 60px 0;
}

.graph .desc p {
	font-size: 14px;
	line-height: 1.8;
}

.graph .desc .subt {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 0 20px 0;
}

.graph .desc .subt span {
	font-size: 40px;
	font-family: serif;
	letter-spacing: 0;
}

/* 1 */
.graph.d1 .fig {
	height: 504px;
}

.graph.d1 .fig .base {
	top: 0;
	left: 0;
	width: 504px;
	position: absolute;
	z-index: 11;
}

.graph.d1 .fig_sp {
	display: none;
}

.graph.d1 .fig .circle {
	top: -1px;
	left: -1px;
	width: 506px;
	height: 506px;
	position: absolute;
	z-index: 20;
}

.graph.d1 .fig .circle .over_right {
	top: 0;
	left: 253px;
	width: 253px;
	height: 506px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
}

.graph.d1 .fig .circle .over_right .inner {
	top: 0;
	left: -253px;
	width: 506px;
	height: 506px;
	border-top: 253px solid #f6f3ee;
	border-right: 253px solid #f6f3ee;
	border-bottom: 253px solid transparent;
	border-left: 253px solid transparent;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
}

.graph.d1 .fig .circle .over_left {
	top: 0;
	left: 0;
	width: 253px;
	height: 506px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
}

.graph.d1 .fig .circle .over_left .inner {
	top: 0;
	left: 0;
	width: 506px;
	height: 506px;
	border-top: 253px solid #f6f3ee;
	border-right: 253px solid #f6f3ee;
	border-bottom: 253px solid transparent;
	border-left: 253px solid transparent;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
}

@media screen and (max-width: 768px) {
	.graph {
		width: 90%;
		margin: 0 auto 80px auto;
	}
	.graph .desc {
		text-align: left;
		width: 100%;
		float: none;
	}
	.graph .desc h4 {
		font-size: 12px;
		font-family: serif;
		font-style: oblique;
		font-weight: normal;
		margin: 0 0 20px 0;
	}

	.graph .desc h4 span {
		font-size: 20px;
	}

	.graph .desc h5 {
		font-size: 28px;
		font-weight: bold;
		letter-spacing: 0.3em;
		margin: 0 0 20px 0;
	}

	.graph .desc h6 {
		font-size: 15px;
		font-weight: normal;
		font-family: serif;
		letter-spacing: 0.2em;
		margin: 0 0 30px 0;
	}

	.graph .desc p {
		font-size: 12px;
		line-height: 1.8;
	}
	.graph .desc .subt {
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.2em;
		margin: 0 0 15px 0;
	}
	.graph .desc .subt span {
		font-size: 32px;
		font-family: serif;
		letter-spacing: 0;
	}
	.graph.d1 .desc {
		text-align: left;
		margin: 0 auto 50px auto;
		float: none;
	}
	.graph.d1 .fig {
		display: none;
	}
	.graph.d1 .fig_sp {
		width: 100%;
		display: block;
	}
	.graph.d1 .fig_sp img {
		width: 100%;
	}
}

/* 2 */
.graph.d2 .fig {
	width: 420px;
	height: 434px;
	margin: 0 auto;
	float: none;
}

.graph.d2 .desc {
	text-align: center;
	margin: 0 auto 50px auto;
	float: none;
}

.graph.d2 .fig .t1 {
	top: 8px;
	left: 0;
	width: 70px;
	position: absolute;
	z-index: 10;
}

.graph.d2 .fig .g img {
	width: 22px;
	margin: 0 3px 0 0;
	display: inline-block;
	opacity: 0;
}

.graph.d2 .fig .g1 {
	top: 1px;
	left: 115px;
	position: absolute;
	z-index: 11;
}

.graph.d2 .fig .g2 {
	top: 46px;
	left: 115px;
	position: absolute;
	z-index: 11;
}

.graph.d2 .fig .g3 {
	top: 91px;
	left: 115px;
	position: absolute;
	z-index: 11;
}

.graph.d2 .fig .g4 {
	top: 136px;
	left: 115px;
	position: absolute;
	z-index: 11;
}

.graph.d2 .fig .g5 {
	top: 181px;
	left: 115px;
	position: absolute;
	z-index: 11;
}

.graph.d2 .fig .g6 {
	top: 226px;
	left: 115px;
	position: absolute;
	z-index: 11;
}

.graph.d2 .fig .g7 {
	top: 271px;
	left: 115px;
	position: absolute;
	z-index: 11;
}

.graph.d2 .fig .g8 {
	top: 316px;
	left: 115px;
	position: absolute;
	z-index: 11;
}

.graph.d2 .fig .g9 {
	top: 361px;
	left: 115px;
	position: absolute;
	z-index: 11;
}

.graph.d2 .fig .g10 {
	top: 406px;
	left: 115px;
	position: absolute;
	z-index: 11;
}

.graph.d2 .fig .p1 {
	top: 5px;
	left: 362px;
	width: 44px;
	position: absolute;
	z-index: 15;
	opacity: 0;
}

.graph.d2 .fig .p2 {
	top: 49px;
	left: 362px;
	width: 44px;
	position: absolute;
	z-index: 15;
	opacity: 0;
}

.graph.d2 .fig .p3 {
	top: 96px;
	left: 337px;
	width: 41px;
	position: absolute;
	z-index: 15;
	opacity: 0;
}

.graph.d2 .fig .p4 {
	top: 140px;
	left: 312px;
	width: 44px;
	position: absolute;
	z-index: 15;
	opacity: 0;
}

.graph.d2 .fig .p5 {
	top: 184px;
	left: 287px;
	width: 44px;
	position: absolute;
	z-index: 15;
	opacity: 0;
}

.graph.d2 .fig .p6 {
	top: 230px;
	left: 287px;
	width: 44px;
	position: absolute;
	z-index: 15;
	opacity: 0;
}

.graph.d2 .fig .p7 {
	top: 275px;
	left: 287px;
	width: 44px;
	position: absolute;
	z-index: 15;
	opacity: 0;
}

.graph.d2 .fig .p8 {
	top: 320px;
	left: 287px;
	width: 44px;
	position: absolute;
	z-index: 15;
	opacity: 0;
}

.graph.d2 .fig .p9 {
	top: 364px;
	left: 263px;
	width: 45px;
	position: absolute;
	z-index: 15;
	opacity: 0;
}

.graph.d2 .fig .p10 {
	top: 409px;
	left: 213px;
	width: 44px;
	position: absolute;
	z-index: 15;
	opacity: 0;
}

.graph.d2 .fig_sp {
	display: none;
}

@media screen and (max-width: 768px) {
	.graph.d2 .desc {
		text-align: left;
	}

	.graph.d2 .fig {
		display: none;
	}
	.graph.d2 .fig_sp {
		width: 100%;
		display: block;
	}
	.graph.d2 .fig_sp img {
		width: 100%;
	}
}

/* 3 */
.graph.d3 .fig {
	height: 504px;
	float: right;
}

.graph.d3 .desc {
	text-align: right;
	float: left;
}

.graph.d3 .fig .p1 {
	top: 0;
	left: 253px;
	width: 252px;
	position: absolute;
	z-index: 10;
}

.graph.d3 .fig .p2 {
	top: 293px;
	left: 71px;
	width: 387px;
	position: absolute;
	z-index: 10;
}

.graph.d3 .fig .p3 {
	top: 98px;
	left: 0;
	width: 195px;
	position: absolute;
	z-index: 10;
}

.graph.d3 .fig .p4 {
	top: 0;
	left: 60px;
	width: 183px;
	position: absolute;
	z-index: 10;
}

.graph.d3 .fig_sp {
	display: none;
}

.graph.d3 .fig .circle {
	top: -1px;
	left: -1px;
	width: 506px;
	height: 506px;
	position: absolute;
	z-index: 20;
}

.graph.d3 .fig .circle .over_right {
	top: 0;
	left: 253px;
	width: 253px;
	height: 506px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
}

.graph.d3 .fig .circle .over_right .inner {
	top: 0;
	left: -253px;
	width: 506px;
	height: 506px;
	border-top: 253px solid #f6f3ee;
	border-right: 253px solid #f6f3ee;
	border-bottom: 253px solid transparent;
	border-left: 253px solid transparent;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
}

.graph.d3 .fig .circle .over_left {
	top: 0;
	left: 0;
	width: 253px;
	height: 506px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
}

.graph.d3 .fig .circle .over_left .inner {
	top: 0;
	left: 0;
	width: 506px;
	height: 506px;
	border-top: 253px solid #f6f3ee;
	border-right: 253px solid #f6f3ee;
	border-bottom: 253px solid transparent;
	border-left: 253px solid transparent;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
}

@media screen and (max-width: 768px) {
	.graph.d3 .desc {
		text-align: left;
		margin: 0 0 50px 0;
	}

	.graph.d3 .fig {
		display: none;
	}
	.graph.d3 .fig_sp {
		width: 100%;
		display: block;
	}
	.graph.d3 .fig_sp img {
		width: 100%;
	}
}

/* 4 */
.graph.d4 .fig {
	height: 504px;
}

.graph.d4 .fig .p1 {
	top: 0;
	left: 0;
	width: 504px;
	position: absolute;
	z-index: 10;
}

.graph.d4 .fig .p2 {
	top: 0;
	left: 158px;
	width: 84px;
	position: absolute;
	z-index: 11;
}

.graph.d4 .fig_sp {
	display: none;
}

.graph.d4 .fig .circle {
	top: -1px;
	left: -1px;
	width: 506px;
	height: 506px;
	position: absolute;
	z-index: 20;
}

.graph.d4 .fig .circle .over_right {
	top: 0;
	left: 253px;
	width: 253px;
	height: 506px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
}

.graph.d4 .fig .circle .over_right .inner {
	top: 0;
	left: -253px;
	width: 506px;
	height: 506px;
	border-top: 253px solid #f6f3ee;
	border-right: 253px solid #f6f3ee;
	border-bottom: 253px solid transparent;
	border-left: 253px solid transparent;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
}

.graph.d4 .fig .circle .over_left {
	top: 0;
	left: 0;
	width: 253px;
	height: 506px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
}

.graph.d4 .fig .circle .over_left .inner {
	top: 0;
	left: 0;
	width: 506px;
	height: 506px;
	border-top: 253px solid #f6f3ee;
	border-right: 253px solid #f6f3ee;
	border-bottom: 253px solid transparent;
	border-left: 253px solid transparent;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
}

@media screen and (max-width: 768px) {
	.graph.d4 .desc {
		text-align: left;
		margin: 0 0 50px 0;
	}

	.graph.d4 .fig {
		display: none;
	}
	.graph.d4 .fig_sp {
		width: 100%;
		display: block;
	}
	.graph.d4 .fig_sp img {
		width: 100%;
	}
}

/* 5 */
.graph.d5 .fig {
	width: 682px;
	height: 261px;
	margin: 0 auto;
	float: none;
}

.graph.d5 .desc {
	text-align: center;
	margin: 0 auto 50px auto;
	float: none;
}

.graph.d5 .fig .t {
	top: 5px;
	left: 0;
	width: 73px;
	position: absolute;
	z-index: 10;
}

.graph.d5 .fig .p1 {
	top: 0;
	left: 534px;
	width: 58px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

.graph.d5 .fig .p2 {
	top: 40px;
	left: 624px;
	width: 58px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

.graph.d5 .fig .p3 {
	top: 80px;
	left: 388px;
	width: 57px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

.graph.d5 .fig .p4 {
	top: 120px;
	left: 351px;
	width: 57px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

.graph.d5 .fig .p5 {
	top: 159px;
	left: 190px;
	width: 44px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

.graph.d5 .fig .p6 {
	top: 200px;
	left: 129px;
	width: 43px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

.graph.d5 .fig .p7 {
	top: 239px;
	left: 123px;
	width: 43px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

.graph.d5 .fig .g1 {
	top: 1px;
	left: 93px;
	width: 416px;
	height: 20px;
	background-color: #accee6;
	position: absolute;
	z-index: 11;
	display: none;
}

.graph.d5 .fig .g2 {
	top: 41px;
	left: 93px;
	width: 505px;
	height: 20px;
	background-color: #f1bea4;
	position: absolute;
	z-index: 11;
	display: none;
}

.graph.d5 .fig .g3 {
	top: 81px;
	left: 93px;
	width: 270px;
	height: 20px;
	background-color: #bdd4af;
	position: absolute;
	z-index: 11;
	display: none;
}

.graph.d5 .fig .g4 {
	top: 121px;
	left: 93px;
	width: 235px;
	height: 20px;
	background-color: #d6bfe3;
	position: absolute;
	z-index: 11;
	display: none;
}

.graph.d5 .fig .g5 {
	top: 161px;
	left: 93px;
	width: 72px;
	height: 20px;
	background-color: #accee6;
	position: absolute;
	z-index: 11;
	display: none;
}

.graph.d5 .fig .g6 {
	top: 201px;
	left: 93px;
	width: 11px;
	height: 20px;
	background-color: #f1bea4;
	position: absolute;
	z-index: 11;
	display: none;
}

.graph.d5 .fig .g7 {
	top: 241px;
	left: 93px;
	width: 6px;
	height: 20px;
	background-color: #bdd4af;
	position: absolute;
	z-index: 11;
	display: none;
}

.graph.d5 .fig_sp {
	display: none;
}

@media screen and (max-width: 768px) {
	.graph.d5 .desc {
		text-align: left;
		margin: 0 0 50px 0;
	}

	.graph.d5 .fig {
		display: none;
	}
	.graph.d5 .fig_sp {
		width: 100%;
		display: block;
	}
	.graph.d5 .fig_sp img {
		width: 100%;
	}
}