@charset "UTF-8";
@font-face {
	font-display: swap;
	font-family: "Lato-Italic";
	src: url("/fonts/Lato-Italic.ttf") format("truetype");
}

header nav#mainnav ul li a{
	color:#0e0e0e;
}
header nav#mainnav ul li{
	background-image: url(/img/common/nav-divline-g.png);
}
#mv{
	background-image: url(/img/usage/mv.jpg);
}
#mv h2{
	text-shadow:
		0 0 40px #fff,
		0 0 40px #fff,
		0 0 40px #fff,
		0 0 40px #fff,
		0 0 40px #fff,
		0 0 40px #fff,
		0 0 40px #fff,
		0 0 40px #fff,
		0 0 40px #fff,
		0 0 40px #fff;
}
main article#mv h2 img.subtitle {
	margin-top: -24px;
	padding-left: 1px;
}
main h2 img.subtitle {
	display: block;
	margin: 12px auto 0;
}
h1 {
	color: rgba(0,0,0,0.6);
}
h3{
	margin-bottom: 24px;
}
main .btn {
	min-width: 400px;
}
main section{
	max-width: 1000px;
}
main .note {
	font-size: 13px;
}
main span.marker {
	font-weight: bold;
}

main #intro ul{
	background-color: #ebf4fc;
	border: 4px solid #fff;
	padding: 30px 60px 24px;
	display: inline-block;
	margin-top: 20px;
}
main #intro ul h3{
	font-size: 20px;
	margin-bottom: 16px;
}
main #intro ul li{
	padding-right: 62px;
	margin-right: 10px;
	background: url(/img/usage/allow-dot-r-bl.png) right center no-repeat;
}
main #intro ul li:last-of-type{
	padding-right: 0;
	margin-right: 0;
	background: none;
}
main #intro ul li a{
	display: inline-block;
	text-align: left;
	width: 189px;
	height: 186px;
}
main #step1 section> img{
	margin-top: 30px;
}
main #step1 thead th{
	width: 20%;
}
main #step1 thead th:first-of-type{
	width: 40%;
}

main #step1 thead th h3{
	font-size: 13px;
	background-color: #fff;
	color: #2b94e4;
	padding: 4px 6px 3px;
	margin-bottom: 8px;
	white-space: nowrap;
}

main #step1 tbody td{
	text-align: center;
	font-weight: bold;
}
main #step1 tbody td:first-of-type p{
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}
main #step1 tbody td:first-of-type h4{
	text-align: left;
	font-size: 14px;
	margin-bottom: 0;
}
main #step1 tbody td:first-of-type img{
	float: left;
	margin: 0 12px 12px 0;
}
main #step1 ul.list{
	display: inline-block;
}
main #step1 ul.list li::before {
	display: none;
}
main #step1 ul.list li {
	text-indent: -1em;
	font-size: 13px;
}
#support .customsp,
#support .tech {
	position: relative;
	width: 1080px;
	max-width: none;
	display: block;
	padding: 50px 80px 50px;
	line-height: 2;
	background-color: #ebf4fc;
}
#support .customsp {
	margin-bottom: 0;
	border-bottom: 1px solid #dce5eb;
}
main #support .tech h3,
main #support .customsp h3 {
	line-height: 2;
	color: #038de1;
}
main #support .tech h3 {
	margin-bottom: 32px;
}
#support .tech h3 {
	margin-bottom: 40px;
}

#support .tech .attention {
	display:inline-block;
	padding: 18px;
	margin-bottom: 25px;
	font-size: 14px;
	width: auto;
	border: 3px solid #319f2d;
	border-radius: 8px;
}
#support .customsp .tel h4 {
	margin-bottom: 16px;
	padding-right: 60px;
}
#support .customsp .tel ul {
	margin-bottom: 50px;
}
#support .customsp .tel ul li {
	margin: 0 4px;
}
#support .customsp .tel ul li:nth-of-type(1) {
	position: relative;
	margin-right: 19px;
	padding-right: 31px;
}
#support .customsp .tel ul li:nth-of-type(1)::after {
	position: absolute;
	top: 50%;
	right: 0;
	content: '';
	display: block;
	height: 92%;
	width: 3px;
	margin-top: -8%;
	background-color: #2b94e4;
}
main #support .customsp::before {
	position: absolute;
	bottom: 0;
	left: 20px;
	content: " ";
	display: inline-block;
	width: 297px;
	height: 213px;
	/* background: url(/img/usage/support-message.png) center center no-repeat; */
	vertical-align: middle;
}
#support .customsp p {
	margin-bottom: 0;
}
#support .tech span,
#support .customsp span {
	font-weight: bold;
}

/* img to text */
.com-subtitle.is-en{
  display: block;
  font-family: Lato-Italic;
}
.mv-head .is-en {
  font-size: 23px;
  letter-spacing: 0.2em;
  margin: 6px auto 0;
}
.mv-head .is-adjust_position {
  font-size: 30px;
  margin: 0 -0.4em;
  vertical-align: middle;
}
.com-section-head .is-en {
  color: #038de1;
  font-size: 18px;
  letter-spacing: 0.25em;
  margin: 8px auto 0;
}