@charset "utf-8";

/* lp1b 専用 */
/* 独立したCSSにしてほしいとのご要望に応じてファイル追加 Written by 大信 */

body,
html {
	font-size: 105%;
}

header object {
	width: 350px;
}

#call-to-action-fv .buttons {
	width: 50%;
	max-width: 650px;
	padding: 3em 4em 1.5em;
	margin: -1em 0;
}

#call-to-action-fv .container {
  margin: 0;
  padding: 0;
  width: 100%;
}

#intro .two-columns + .txt-larger {
  margin: .5em .5em 0 .5em;
}

@media (min-width: 1224px) {
	#call-to-action .container {
		max-width: 100%;
	}
}

@media only screen and (max-width: 992px) {
  body,
  html {
    font-size: 95%;
  }
  header object {
    max-width: 70%;
  }
	#main-content .container {
		padding: 1.5em 0;
	}

  header .bt-reg {
    font-size: 0.7em;
    max-width: 40%;
    padding-left: .5rem;
    padding-right: .5rem;
  }

	#top-banner .txt-small {
		font-size: 0.5em;
		margin-bottom: 5px;
	}
  #call-to-action-fv {
		padding: 0;
    margin: 0;
	}
	#call-to-action-fv .container {
    width: 100%;
	}
	#call-to-action-fv .buttons {
		width: 95%;
		padding: 0 10px;
		border: none;
		background: none;
	}
	#lp1 #top-banner .container .title {
		margin-right: 0;
	}
	#call-to-action-fv .bubble-s {
		left: -15px;
	}
	#call-to-action-fv .buttons {
		padding: 4em 4em 2em;
		margin-top: -0.5em;
	}
  #call-to-action .container h3 br {
    display: block!important;
	}
}

@media only screen and (max-width: 768px) {
	#main-content .container {
		padding: 2em 1em;
	}
	#call-to-action-fv .container {
    margin-left: auto;
    margin-right: auto;
		max-width: 60%;
	}
	.top-banner button {
    padding: 0;
		margin: 0 auto;
	}
	#call-to-action-fv .bubble-s {
		left: -15px;
	}
	#call-to-action-fv .buttons {
		padding: 2em 1em 0;
    margin-bottom: -2em;
		margin-top: -0.5em;
		width: 100%;
	}
}

@media only screen and (max-width: 580px) {
	#call-to-action-fv .container {
    margin-left: auto;
    margin-right: auto;
		max-width: 100%;
	}
}
@media only screen and (max-width: 375px) {
  header object {
    max-width: 60%;
  }
}

@media only screen and (max-width:321px) {
}
ul.merit_point{
	width: 80%;
	margin: 0 auto;
}
ul.merit_point li.point{
	margin-bottom: 1rem;
 border-bottom: 1px dashed #a3a3a3;
}
ul.merit_point li.point:last-of-type{
 border-bottom: none;
}

ul.merit_point li.point h4 {
	position: relative;
	padding-left: 10em;
	text-align: left;
	font-size: 1.2em;
}

ul.merit_point li.point h4 span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 2rem;
	color: #fff;
	background: -webkit-gradient(linear, left top, right top, color-stop(-0.35%, #1295DB), to(#35D4F0));
 background: linear-gradient(90deg, #1295DB -0.35%, #35D4F0 100%);
}

ul.merit_point li.point h4 span:after {
	position: absolute;
	top: calc(50% - 7px);
	right: -11px;
	width: 0;
	height: 0;
	content: '';
	border-width: 7px 0 7px 12px;
	border-style: solid;
	border-color: transparent transparent transparent #35D4F0;
}
ul.merit_point li.point p{
	text-align: left;
}
@media only screen and (max-width: 768px) {
	ul.merit_point{
		width: 100%;
		padding: 2em;
	}
	ul.merit_point li.point h4 {
		padding-left: 0;
		padding-top: 2em;
		text-align: center;
	}

	ul.merit_point li.point h4 span {
		left: 0;
		right: 0;
	}

	ul.merit_point li.point h4 span:after {
		content: none;
	}
}