@charset "utf-8";
@media screen and (min-width:781px) {
	.pc-nav {
		width: 100px;
		line-height: 0;
	}
	
	.mobile-nav {
		display: none;
	}
	
	.mobile-head {
		display: none;
	}
	
	#about {
		display: flex;
	}
	
	.img001 {
		width: 425px;
		height: 325px;
		background: url("../../img/photo_panel.jpg") top center;
		background-size: 542px 325px;
		margin-right: 20px;
	}
	.img001 img {
		display: none;
	}
	
	.about_address {
		width: 390px;
		background: url("../../img/about.png") no-repeat top right;
	}
	
	.about_address li {
		line-height: 20px;
		margin-bottom: 10px;
	}
	.about_address li:nth-child(7) {
		margin-bottom: 0px;
		
	}
	.about_address li:nth-child(8) {
		margin-bottom: 0px;
		
	}
	.about_address li:last-child {
		margin-bottom: 0px;
		
	}
	.about_space {
		margin-left: 14px;
	}
	
	.representative {
		width: 100%;
		margin: 50px 0 0 0;
	}
	
	.representative ul{
		display: flex;
	}
	.representative li:first-child {
		width: 485px;
		box-sizing: border-box;
		background: url("../../img/representative.png") no-repeat top left;
		padding: 19px 40px 0 80px;
		line-height: 28px;
		text-align: justify;
	}
	.representative li:last-child {
		width: 350px;
		text-align: right;
	}
	
	.history {
		display: flex;
		margin: 30px 0 0 0;
	}
	
	.history_photo {
		width: 320px;
		height: 250px;
	}
	.history dl {
		width: 515px;
		box-sizing: border-box;
		line-height: 24px;
		padding: 60px 20px 0 40px;
		background: url("../../img/history.png") no-repeat top center;
		display: flex;
		flex-wrap: wrap;
	}
	.history dt {
		width: 15%;
	}
	.history dd {
		width: 85%;
	}
	
	.relation {
		background: url("../../img/relationoffice.png") no-repeat top left;
		padding: 70px 0 0 0;
		margin: 40px 0 0 0;
	}
	
	.relation ul {
		display: flex;
	}
	.relation li:first-child {
		display: block;
		box-sizing: border-box;
		padding: 0 30px 0 0;
		line-height: 26px;
	}
	
	.relation_add {
		margin: 5px 0 0 535px;
		line-height: 24px;
	}
	
	.relation_add a {
		color: #222 !important;
		text-decoration: none !important;
	}
	
	.relation_add a:hover {
		color: #222 !important;
		text-decoration: underline !important;
	}
	
	
}
@media screen and (max-width:780px) {
	.pc-nav {
		display: none;
	}
	
	.mobile-nav {
	}
	
	.mobile-head {
		width: 100%;
		line-height: 0;
	}
	
	.mobile-head img {
		width: 100%;
		height: auto;
	}
	
	#about {
		width: 100%;
		background: url("../../img/about_m.png") no-repeat top right;
		background-size: 254px 47px;
		overflow: hidden;
	}
	
	
	.img001 {
		width: 100%;
		max-width: 780px;
		background-size: 100%;
		margin: 70px auto 0 auto;
	}
	
	.img001 img {
		width: 100%;
		height: auto;
	}
	
	.about_address {
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	
	.about_address li {
		line-height: 20px;
		margin-bottom: 10px;
	}
	.about_address li:nth-child(7) {
		margin-bottom: 2px;
		
	}
	.about_address li:nth-child(8) {
		margin-bottom: 2px;
		
	}
	.about_address li:last-child {
		margin-bottom: 0px;
		
	}
	.about_address span {
		display: inline-block;
	}
	.about_space {
		margin-left: 0;
	}
	
	.representative {
		width: 100%;
		margin: 60px 0 0 0;
		padding: 0;
	}
	
	.representative ul{
		display: flex;
		flex-wrap: wrap;
	}
	.representative li:first-child {
		max-width: 535px;
		width: 100%;
		box-sizing: border-box;
		line-height: 28px;
		text-align: justify;
		margin: 20px auto 0 auto;
		background: url("../../img/representative_m.png") no-repeat top center;
		background-size: 535px 40px;
		padding: 50px 20px 0 20px;
		order: 2;
	}
	.representative li:last-child {
		text-align: right;
		margin: 0 auto;
		order: 1;
	}
	.representative li:last-child img {
		
		max-width: 350px;
		width: 100%;
		height: auto;
	}
	
	.history {
		display: flex;
		flex-wrap: wrap;
		margin: 60px 0 0 0;
	}
	
	.history_photo {
		width: 320px;
		height: 250px;
		margin: 20px auto 0;
		order: 2
	}
	
	.history dl {
		max-width: 535px;
		width: 100%;
		box-sizing: border-box;
		line-height: 20px;
		margin: 0 auto;
		padding: 60px 0 0 0px;
		background: url("../../img/history_m.png") no-repeat top center;
		background-size: 535px 40px;
		order: 1;
		display: flex;
		flex-wrap: wrap;
	}
	.history dt {
		width: 100%;
		background: #ddd;
		text-align: center;
		padding: 2px 0 3px;
	}
	.history dd {
		width: 100%;
		padding: 5px 10px 7px;
	}
	.history span {
		display: inline-block;
	}
	
	.history li:last-child br {
		display: none;
	}
	
	.relation {
		max-width: 535px;
		width: 100%;
		box-sizing: border-box;
		padding: 60px 0 0 0;
		margin: 40px auto 0 auto;
		background: url("../../img/relationoffice_m.png") no-repeat top center;
	}
	
	.relation ul {
		width: 100%;
	}
	.relation li:first-child {
		display: block;
		box-sizing: border-box;
		padding: 0 20px;
		line-height: 26px;
	}
	
	.relation li:last-child {
		width: 300px;
		margin: 20px auto;
	}
	
	.relation_add {
		margin: 10px 0 0 0;
		line-height: 24px;
		text-align: center;
	}
	
	.relation_add a {
		color: #222;
		text-decoration: none;
	}
	
	.relation_add a:hover {
		color: #222;
		text-decoration: underline;
	}

}