@charset "UTF-8";
/*
about
*/
#business main {
 background: #fff;
}
#business .contentsBlock h1, #business .contentsBlock h2 {
 font-weight: normal;
 font-size: 1.8em;
 margin-bottom: 30px;
 line-height: 1.4;
}
#business .title_en {
 color: #d89393;
 text-indent: -.2em;
 letter-spacing: .2em;
 font-weight: 600;
 font-size: .9em;
 margin-bottom: .5em;
 text-transform: lowercase;
}
#business .headtxtBlock .text, .textBlock {
 line-height: 2.2;
}
#business .headtxtBlock .text p, #business .textBlock p {
 padding: 1em 0;
}
#business .profileBlock .companydata {
 border-bottom: 1px solid #eae7e4;
}
#business .profileBlock .companydata dt, .profileBlock .companydata dd {
 padding: 1em 0;
 border-top: 1px solid #eae7e4;
}
#business .profileBlock .companydata dt {
 width: 8em;
 float: left;
 clear: both;
 font-weight: bold;
}
#business .profileBlock .companydata dd {
 overflow: hidden;
}
	#business .subtxtBlock.left .imageBlock::before {
		background: #ffe5e5;
}
	#business .subtxtBlock.right .imageBlock::before {
		background: #e1f0fc;
}
@media print, screen and (max-width: 767px) {
 #business section {
  padding-bottom: 100px;
 }
	 #business section:last-child {
  padding-bottom: 0;
 }
 #business .headtxtBlock .text p, #business .textBlock p {
  padding: 1em 0;
  font-size: .9em;
 }
 #business .headtxtBlock .text, #business .textBlock {
  position: relative;
  z-index: 3;
 }
 #business .profileBlock .companydata {
  font-size: .9em;
 }
 #business .subtxtBlock .imageBlock::before, #business .headtxtBlock .imageBlock::before {
  content: '';
  display: block;
  width: 50%;
  height: 140%;
  background: #ddd;
  position: absolute;
  z-index: 1;
 }
		#business .subtxtBlock.left .imageBlock::before {
		left:-9%;
		top:-20%;
	}
	#business .headtxtBlock .imageBlock::before, #business .subtxtBlock.right .imageBlock::before {
		right:-9%;
		top:-20%;
	}
	#business .headtxtBlock .imageBlock::before{
		background: #f2e9d7
	}
 #business .headtxtBlock .imageBlock, #business .subtxtBlock .imageBlock {
  margin-top: 50px;
 }
 #business .headtxtBlock .imageBlock img, #business .subtxtBlock .imageBlock img {
  width: 100%;
  height: 85vw;
  object-fit: cover;
  object-position: 50% 50%;
  position: relative;
  z-index: 2;
 }
}
@media print, screen and (min-width: 768px) {
 #business .contentsBlock h1, #business .contentsBlock h2 {
  font-size: 2em;
 }
 #business .headtxtBlock {
  text-align: center;
  padding-bottom: 120px;
 }
 #business .headtxtBlock .text {
  width: 70%;
  margin: auto;
 }
 #business .headtxtBlock .imageBlock {
  margin-top: 80px;
 }
 #business .headtxtBlock .imageBlock img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: 50% 50%;
 }
 #business .subtxtBlock, .profileBlock {
  display: flex;
 }
 #business .subtxtBlock.right {
  flex-direction: row-reverse;
  padding-top: 50px;
 }
 #business .textBlock {
  width: 55%;
 }
 #business .subtxtBlock .imageBlock {
  width: 45%;
  position: relative;
 }
 #business .subtxtBlock .imageBlock img {
  width: 85%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  position: relative;
  z-index: 2;
 }
 #business .subtxtBlock .imageBlock::before {
  content: '';
  display: block;
  width: 85%;
  height: 80%;
  background: #ddd;
  position: absolute;
  z-index: 1;
 }
 #business .subtxtBlock.left .imageBlock img {
  margin-left: 15%;
  width: 85%;
  height: 80%;
 }
 #business .subtxtBlock.left .imageBlock::before {
  right: -20%;
  bottom: 5%;
 }
 #business .subtxtBlock.right .imageBlock img {
  margin-right: 15%;
  width: 85%;
  height: 100%;
 }
 #business .subtxtBlock.right .imageBlock::before {
  height: 100%;
  left: -20%;
  bottom: -20%;
 }
 #business .profileBlock {
  padding: 200px 0 0 0;
 }
 #business .profileBlock > div:first-child {
  width: 15em;
 }
 #business .profileBlock .companydata {
  width: calc(100% - 15em);
 }
}