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

header .nav ul li.nav-office a::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  background-color: rgba(0,71,130,1);
}
.page-tit {
  background: url("../images/office-images/page-bg.jpg") 50% 0% no-repeat;
}

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

/*IMAGE*/

.office-image {
	background: linear-gradient(180deg,#fff 0%,#fff 60%,#eee 60%,#eee 100%);
	padding: 0 0 50px 0;
}
.office-image .img {
	float: left;
	width: 50%;
}
.office-image .img img {
	display: block;
	width: 70%;
	margin: 0 auto;
}
.office-image .txt {
	float: right;
	width: 45%;
	padding-top: 50px;
}
.office-image .bt-cmn01 {
  margin-top: 50px;
}

/*OUTLINE*/

.outline dl {
	overflow: hidden;
	border-bottom: solid 1px #ccc;
	padding: 20px 10px;
}
.outline dl dt {
	float: left;
	width: 20%;
}
.outline dl dd {
	float: right;
	width: 75%;
}
.outline dl.last {
	margin-bottom: 80px;
}

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

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


}


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

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

/*IMAGE*/

.office-image {
	background: linear-gradient(180deg,#fff 0%,#fff 50%,#eee 50%,#eee 100%);
	padding: 0 0 40px 0;
}
.office-image img {
	float: none;
	display: block;
	width: 60%;
	margin: 0 auto;
}
.office-image .txt {
	padding-top: 30px;
}
.office-image .bt-cmn01 {
  margin-top: 20px;
}

/*OUTLINE*/

.outline dl.last {
	margin-bottom: 60px;
}

}

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

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

/*IMAGE*/

.office-image {
	padding: 0 0 30px 0;
}
.office-image .img {
	float: none;
	width: 100%;
}
.office-image .img img {
	display: block;
	width: 65%;
	margin: 0 auto;
}
.office-image .txt {
	float: none;
	width: 100%;
	padding-top: 30px;
}
.office-image .bt-cmn01 {
  margin: 30px auto 0 auto!important;
}

/*OUTLINE*/

.outline dl {
	padding: 15px 0px;
}
.outline dl.last {
	margin-bottom: 40px;
}

}