@media only screen and (min-width:992px) {
  #areahistory {
    min-width: 788px;}}

#areahistory .main_content {
  margin: 0;
  padding: 2rem 0 0;}
@media only screen and (min-width:992px) {
  #areahistory .main_content {
    padding: 0;}}

#areahistory .main_content .mainimg {
  margin: 100px 0 0;
  width: 100%;
  height: 320px;
  background-image: url("../img/history/mainimg.png");
  background-size: cover;
  background-position: center;
  padding-top: 26%;}
@media only screen and (max-width:1280px) {
  #areahistory .main_content .mainimg {
	height: 30vh;
	padding-top: 0;}}
@media only screen and (max-width:560px) {
  #areahistory .main_content .mainimg {
	height: 20vh;
	padding-top: 0;}}

#areahistory .main_content .cate {
  margin: 0 auto;
  width: 83%;}
@media only screen and (max-width:959px) {
  #areahistory .main_content .cate {
	width: 94%;}}
@media only screen and (max-width:560px) {
  #areahistory .main_content .cate {
    margin: 0 auto;
	width: 94%;}}
#areahistory .main_content .cate .txt_inner {
  margin: 70px auto 0;
  width: 62%;
  padding: 0 120px;}
@media only screen and (max-width:1280px) {
  #areahistory .main_content .cate .txt_inner {
	width: 80%;
	padding: 0 20px;}}
@media only screen and (max-width:560px) {
  #areahistory .main_content .cate .txt_inner {
	margin: 30px auto 0;
	width: 94%;
	padding: 0 10px;}}
#areahistory .main_content .cate .txt_inner p.orange{
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1.8;
  letter-spacing: .1em;
  color: #f75d18;
  text-align: left;}
#areahistory .main_content .cate .txt_inner p {
  padding: 1.5rem 0 0;
  text-align: left;
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: .1em;}
#areahistory .main_content .photo {
  text-align: center;
  margin: 70px auto 0;}
#areahistory .main_content .photo img {
  width: 989px;
  height: auto;
  max-width: 100%;}

#areahistory .main_content .cate .photo_inner {
  margin: 70px auto 200px;
  text-align: center;}
#areahistory .main_content .cate .photo_inner ul {
  width: 989px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;}
#areahistory .main_content .cate .photo_inner ul li {
  width: 48%;}
#areahistory .main_content .cate .photo_inner ul li img {
  width: 474px;
  height: auto;
  max-width: 100%;}
@media only screen and (max-width:1280px) {
  #areahistory .main_content .cate .photo_inner {
	margin: 70px auto 180px;}
  #areahistory .main_content .cate .photo_inner ul {
	width: 94%;}}
@media only screen and (max-width:560px) {
  #areahistory .main_content .cate .photo_inner {
	margin: 30px auto 100px;}
  #areahistory .main_content .cate .photo_inner ul {
	width: 94%;}}





/*# sourceMappingURL=history.css.map */