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

header .nav ul li.nav-service 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/service-images/page-bg.jpg") 50% 0% no-repeat;
}

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

.service-box {
  position: relative;
  overflow: hidden;
  margin-bottom: 80px!important;
}
.last-box {
  margin-bottom: 80px;
}
.service-box .wrapper {
  margin-top: 70px;
}
.service-box .img01 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 800px;
  margin-left: -900px!important;
}
.service-box .img02 {
  position: absolute;
  top: 0;
  right: 50%;
  width: 800px;
  margin-right: -900px!important;
}
.service-box .txt {
  width: 50%;
}
.service-box .txt h2 {
  text-align: left;
}

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

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


}


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

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

.service-box {
  margin-bottom: 60px!important;
}
.last-box {
  margin-bottom: 60px;
}
.service-box .wrapper {
  margin-top: 60px;
}

.service-box .img01 {
  width: 700px;
  margin-left: -750px!important;
}
.service-box .img02 {
  width: 700px;
  margin-right: -750px!important;
}
.service-box .txt {
}

}

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

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

#topic-path {
	margin-bottom: 0;
}

.service-box {
  margin-bottom: 0!important;
}
.last-box {
  margin-bottom: 50px;
}
.service-box .wrapper {
  margin-top: 50px!important;
}
.service-box .img01 {
  position: static;
  width: 100%;
  margin-left: 0!important;
}
.service-box .img02 {
  position: static;
  width: 100%;
  margin-right: 0!important;
}
.service-box .txt {
  float: none;
  width: 100%;
}

}