@charset "utf-8";
@import url("page.css");
/* CSS Document */
#title {
	background-image: url(../images/experience/title_sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 97.48%;
	height: 0;
	width: 100%;
}

#problem {
	background-image: url(../images/experience/pt_problem.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 40px auto;
	padding-top: 34.66%;
	height: 0;
	width: 96%;
}

.settlement01 {
	background-image: url(../images/experience/txt_settlement01_sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 50px auto 0;
	padding-top: 83.05%;
	height: 0;
	width: 100%;
}

.settlement02 {
	background-image: url(../images/experience/txt_settlement02_sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 24.41%;
	height: 0;
	width: 100%;
}

#issue {
	background-image: url(../images/experience/txt_settlement03_sp.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 83.15%;
	height: 0;
	width: 100%;
}

#fit {
	display: block;
	margin: 40px auto;
	width: 96%;
}

#suited {
	background-image: url(../images/experience/suited.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 40px auto;
	padding-top: 115.31%;
	height: 0;
	width: 100%;
}

#not-suitable {
	background-image: url(../images/experience/not-suitable.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 40px auto;
	padding-top: 90.06%;
	height: 0;
	width: 100%;
}

#session {
	margin: 40px 0;
	width: 100%;
}

#session dl {
	background-image: url(../images/experience/session.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 40px auto;
	padding-top: 97.04%;
	height: 0;
	width: 96%;
}

@media only screen and (min-width: 769px) {
#title {
	background-image: url(../images/experience/title.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 554px;
	width: 1300px;
}

#problem {
	background-image: url(../images/experience/pt_problem.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 50px auto;
	padding-top: 0;
	height: 192px;
	width: 554px;
}

.settlement01 {
	background-image: url(../images/experience/txt_settlement.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 50px auto 0;
	padding-top: 0;
	height: 529px;
	width: 691px;
}

.settlement02 {
	background-image: url(../images/experience/txt_settlement02.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 269px;
	width: 691px;
}

#issue {
	background-image: url(../images/experience/txt_settlement03.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 474px;
	width: 691px;
}

#fit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	margin: 60px auto;
	width: 1100px;
}

#suited {
	background-image: url(../images/experience/suited.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 60px auto;
	padding-top: 0;
	height: 580px;
	width: 503px;
}

#not-suitable {
	background-image: url(../images/experience/not-suitable.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 60px auto;
	padding-top: 0;
	height: 453px;
	width: 503px;
}

#session {
	margin: 50px auto;
	width: 640px;
}

#session dl {
	background-image: url(../images/experience/session.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 50px auto;
	padding: 0;
	height: 491px;
	width: 506px;
}

}