@charset "utf-8";

/* main
------------------------------------------------- */

#business #contents {
	background: #F5F5F5;
}

#business .title-wrap {
  padding-bottom: 13.4%;	
}

#business h1 {
	padding: 20% 0 14%;
	max-width: 631px;
	margin: 0 auto;
}

#business h1 img {
	max-width: 631px;
	margin: 0 auto;
}

#business .title-wrap p.lead {
	line-height: 2.0;
}
#business .title-wrap p {
  text-align: justify;	
}
#business .title-wrap .br-pc {
  display: none;
}

#business .title-img {
	margin: 15% 2%;
}

#business p.title-sub {
	text-align: center;
	font-size: 3.47vw;
	font-weight: bold;
}

@media screen and (min-width: 751px),print {
#business .title-wrap {
  padding: 4.5em 0 0;
}
#business h1 {
	padding: 0 0 7%;
	width: 60%;
}
#business p.lead {
	max-width: 610px;
	margin: 0 auto;
  text-align: center;
	font-size: 16px;
}	
#business .title-wrap .br-pc {
  display: block;
}
#business .title-img {
  margin: 4.2% auto;
  max-width: 998px;
	padding: 0 2%;
}	
#business h2.title {
	max-width: 424px;
	margin: 0 auto;
}	
#business p.title-sub {
	font-size: 1vw;
}
}


#business .link-ul.solution {
  margin-bottom: 17%;
}

#business .link-ul a {
  position: relative;
	color: #fff;
}

#business .link-ul a:hover {
  text-decoration: none;
}

#business .link-ul li {
	display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
	height: 17vw;
	margin-top: 7%;
  text-align: center;
	font-size: 5.4vw;
	line-height: 1.4;
  background-image: url("../img/arrow.png");
  background-repeat:no-repeat;
  background-position:right 5% center;
  background-size: 3%;
}
#business .link-ul.solution a:hover, #business .link-ul.service a:hover {
  opacity: 0.5;  	
}
#business .link-ul.solution li {
  background-color: #3366CC;
}

#business .link-ul.service li {
  background-color: #12B8D6;
}

#business #pnav {
  padding: 13% 0 26%;
}

@media screen and (min-width: 751px),print {
#business #pnav {
  padding: 2% 0 5%;
}
#business .link-ul.solution, #business .link-ul.service {
  display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 720px;
	margin: 6% auto 10%;
}	
#business .link-ul.solution {
	margin: 6% auto 10%;
}
#business .link-ul.service {
	margin: 6% auto 5%;
}
#business .link-ul a {
  width: 45%;
}
#business .link-ul li {
	font-size: 20px;	
	height: 80px;
}
}

#business .contact-wrap.pc-wrap {
  display: none;
}
#business .contact-wrap a {
  display: block;	
}
#business .contact-wrap a.mail-box {
	margin-top: 10%;
}
#business .contact-wrap a:hover {

}

@media screen and (min-width: 751px),print {
a[href^="tel:"]{
  pointer-events: none;
}
#business .contact-wrap.sp-wrap {
  display: none;
}
#business .contact-wrap.pc-wrap {
  display: flex;
  justify-content: space-between;
	max-width: 840px;
	margin: 0 auto;
}	
#business .contact-wrap.pc-wrap a {
	position: relative;
	display: block;
  width: 48%;
	height: 160px;
	overflow: hidden;
	cursor: pointer;
}
#business .contact-wrap a.mail-box {
	margin-top: 0;
}
#business .contact-wrap.pc-wrap a img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
#business .contact-wrap.pc-wrap a:hover img:nth-of-type(2) {
	opacity: 0;
}
}