@charset "utf-8";

.arrow-down span {
	background: hsl(30, 15%, 56%);
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 200%;
	height: 60px;
	/*line-height: 60px;*/
	margin: 0 auto;
	text-align: center;
	width: 60px;
	
	-webkit-animation: transform-arrow 2s infinite;
	animation: transform-arrow 2s infinite;
}
.arrow-down i {
	left: 20px;
	position: absolute;
	top: 16px;
}
.background-superlightgray {
	background: hsl(0, 0%, 95.5%);
}
div.div_customers_voice > div:first-child {
	background: #fff;
	border-color: hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 12px 12px -6px rgba(64, 64, 64, 15%);
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
div.div_customers_voice > div:first-child strong {
	color: hsl(0, 0%, 15%);
}
div.div_customers_voice > div:nth-child(2) img {
	background: #fff;
	border-color: hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 1px;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.div_offer.image_border > div img {
	border: solid 1px hsl(0, 0%, 85%);
}
.div_offer.image_border > div a img {
	border: solid 1px hsl(210.0, 100%, 85%);
}
.div_offer_list > div:first-child {
	color: hsl(34.0, 15%, 56%);
	font-size: x-large;
	text-align: center;
	width: 42px;
}
.div_offer_list > div:nth-child(2) {
	margin-left: 16px;
	margin-top: 4px;
	width: calc(100% - 42px - 16px);
}
h2.lp {
	color: hsl(0, 0%, 24%);
	font-weight: bold;
	margin-bottom: 22px;
}
.icon-solution {
	border-color: hsl(34, 15%, 62%);
	border-style: solid;
	border-width: 2px;
  border-radius: 50%;
  color: hsl(34, 15%, 62%);
  font-size: 162%;
  height: 60px;
  margin: 0 auto;
  padding-top: 10px;/*14px;16px;*/
  text-align: center;
  width: 60px;
  
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.lp_solution_heading_link {
	
	-webkit-animation: transform-link 1.2s infinite;
	animation: transform-link 1.2s infinite;
}
ul.lp_faq {
	padding-left: 0;
}
ul.lp_faq li {
	background: #fff;
	border-color: hsl(0, 0%, 91%) hsl(0, 0%, 85%) hsl(0, 0%, 85%) hsl(0, 0%, 91%);
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 12px 12px -6px rgba(64, 64, 64, 15%);
	/*cursor: pointer;*/
	font-size: 115%;
	list-style-type: none;
	margin-top: 16px;
	padding: 16px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
ul.lp_faq li div {
	border-color: hsl(0, 0%, 85%);
	border-style: dotted;
	border-width: 1px 0 0 0;
	font-size: 85%;
	font-style: italic;
	margin-top: 12px;
	padding-top: 12px;
}
ul.solution {
	list-style-type: none;
	padding: 0;
}
ul.solution li {
	background: #fff;
	border-color: hsl(0, 0%, 94%) hsl(0, 0%, 91%) hsl(0, 0%, 91%) hsl(0, 0%, 94%);
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 16px 16px -8px rgba(64, 64, 64, 31%);
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
ul.solution li strong {
	display: block;
	font-size: 138%;/*150%;*/
}

@media only screen and (min-width:768px){/*PC*/
	div.div_customers_voice {
		display: flex;
		flex-direction : row-reverse;
		margin-top: 42px;
	}
	div.div_customers_voice > div:first-child {
		padding: 30px;
		width: calc(100% - 120px - 30px);
	}
	div.div_customers_voice > div:first-child strong {
		font-size: 150%;
	}
	div.div_customers_voice > div:nth-child(2) {
		margin-right: 30px;
		text-align: center;
		width: 120px;
	}
	div.div_customers_voice > div:nth-child(2) img {
		height: 118px;
		width: 118px;
	}
	.div_offer {
		display: flex;
	}
	.div_offer > div {
		width: calc((100% - 42px) / 2);
	}
	.div_offer > div img {
		width: 100%;
	}
	.div_offer > div:nth-child(2) {
		margin-left: 42px;
	}
	.div_offer_list {
		display: flex;
		margin-top: 22px;
	}
	.div_offer_list:first-child {
		margin-top: 0;
	}
	h2.lp {
		font-size: 176%;
		text-align: center;
	}
	.lp-section-padding {
		padding: 84px 0;
	}
	ul.solution {
		display: flex;
		flex-wrap: wrap;
	}
	ul.solution li {
		margin-left: 4.25%;
		width: calc((100% - 4.25% - 4.25%) / 3);
	}
	ul.solution li:nth-child(1) {
		margin-left: 0;
	}
	ul.solution li:nth-child(4) {
		margin-left: 0;
		margin-top: 6%;/*4.25%;*/
	}
	ul.solution li:nth-child(5) {
		margin-top: 6%;/*4.25%;*/
	}
	ul.solution li:nth-child(6) {
		margin-top: 6%;/*4.25%;*/
	}
	ul.solution li:nth-child(7) {
		margin-left: 0;
		margin-top: 6%;/*4.25%;*/
	}
	ul.solution li:nth-child(8) {
		margin-top: 6%;/*4.25%;*/
	}
	ul.solution li:nth-child(9) {
		margin-top: 6%;/*4.25%;*/
	}
	ul.solution li img {
		width: 100%;
	}
	ul.solution li section {
		margin-top: 30px;
	}
	ul.solution li > div.icon-solution { 
		margin-top: 42px;
		padding: 18px 0 0 0;
	}
	ul.solution li > div:last-child {
		padding: 42px 30px;
	}
}
@media only screen and (max-width:767px){/*SP*/
	div.div_customers_voice {
		display: block;
		margin-top: 22px;
	}
	div.div_customers_voice > div:first-child {
		padding: 22px;
		width: 100%;
	}
	div.div_customers_voice > div:first-child strong {
		font-size: 115%;
	}
	div.div_customers_voice > div:nth-child(2) {
		margin-top: 30px;
		text-align: center;
		width: 100%;
	}
	div.div_customers_voice > div:nth-child(2) img {
		height: 58px;
		width: 58px;
	}
	.div_offer > div img {
		width: 100%;
	}
	.div_offer_list {
		display: flex;
		margin-top: 30px;
	}
	h2.lp {
		font-size: 162%;
		text-align: left;
	}
	.lp-section-padding {
		padding: 30px 0;
	}
	ul.solution li {
		margin-top: 12%;
	}
	ul.solution li img {
		width: 100%;
	}
	ul.solution li section {
		margin-top: 22px;
	}
	ul.solution li > div.icon-solution { 
		margin-top: 15%;
		padding: 18px 0 0 0;
	}
	ul.solution li > div:last-child {
		padding: 12% 9% 12% 9%;
	}
}

@keyframes transform-arrow {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	60% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}
@keyframes transform-link {
	0% {
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px);
	}
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px);
	}
}