@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.page::before {
  background-image: url("../images/technology-images/page-bg.jpg");
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.column {
  display: flex;
  justify-content: space-between;
  max-width: 1180px;
	border-left: solid 1px #dedede;
	padding-bottom: 40px;
  margin: auto;	
}
.column__inner {
  width: 55%;
	text-align: left;
	padding: 60px 0 0 4%;
}
.column img {
  max-width: 700px;
	margin-top: 40px;
}
/*右側へ要素を広げる（2カラム）*/
.column-outside-right {
    flex: 1;
		border: none;
    margin-right: calc(50% - 50vw)!important;
    margin-left: 4%;
}
.column-outside-right img {
	float: left;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

.column {
  display: block;
  width: 95%;
}
.column__inner {
  width: 100%;
	padding: 60px 0 0 4%;
}
.column img {
  width: 100%!important;
	margin-top: 40px;
}
/*右側へ要素を広げる（2カラム）*/
.column-outside-right {
	width: 100%;
	border: none;
	margin: 0 auto!important;
}
.column-outside-right img {
	float: none;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {

.column {
	padding-bottom: 0;
}
.column__inner {
	padding: 40px 0 0 3%;
}
.column-outside-right {
	padding-bottom: 40px;
}
.column img {
	margin-top: 10px;
}

}