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

#mv{
	background-image: url(/img/usage/mv-sp.jpg);
}
#mv h2{
	text-shadow: 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 40px #fff, 0 0 40px #fff;
}
main article#mv h2 img.subtitle {
		margin: -20px auto 0;
		height: 56px;
}
main h2 img.subtitle {
	margin: 4px auto 0;
}
main #breadcrumb+ article {
  padding-top: 52px;
}
main article#qa h2 img {
	height: 13px;
}
main span.fontBold {
	font-weight: bold;
}
main .btn {
	min-width: 200px;
}

main>.odetail{
	display: block;
	margin: 4px 8px 0;
}
main>.odetail:first-of-type{
	margin-top: 0;
}
main>.odetail span {
	display: block;
	padding: 14px 28px 13px 58px;
	background-color: #038de1;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	background-size: 32px;
	background-position: 8px center;
}
main>.odetail span.arrow-u::after,
main>.odetail span.arrow-d::after {
	border-top-color: #fff;
	border-right-color: #fff;
	right: 14px;
}
main #intro>section>p,
main #step1>section>p,
main #step2>section>p,
main #step3>section>p{
  text-align: left;
}
main #intro ul{
	background-color: #ebf4fc;
	border: 4px solid #fff;
	padding: 12px 4px 4px;
	margin-top: 20px;
}
main #intro ul h3{
	font-size: 16px;
	margin-bottom: 8px;
}
main #intro ul li{
	width:33%;
}
main #intro ul li:last-of-type{
	padding-right: 0;
	background: none;
}
main #intro ul li a{
	display: block;
	text-align: left;
	width: 100%;
}
main #intro ul li a img {
	width: 100%;
}
main #step1> img{
	margin-top: 20px;
}
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;
}


main #support .tech,
main #support .support{
	background-color: #ebf4fc;
	margin: 0 12px;
}
main #support .tech{
	padding-top: 1px;
	padding-bottom: 12px;
}
#support .tech .attention {
	display:inline-block;
	padding: 18px;
	margin-bottom: 25px;
	font-size: 12px;
	width: auto;
	border: 3px solid #319f2d;
	border-radius: 8px;
}
main #support .support {
	/* background: #ebf4fc url(/img/usage/support-message-sp-w.jpg) center top no-repeat; */
	padding-top: 17px;
	background-size: contain;
	margin-bottom: 0;
	margin-top: 30px;
	border-bottom: 1px solid #dce5eb;
}
main #support .tech span,
main #support .support span{
	font-weight: bold;
}
main #support .tech h3,
main #support .support h3 {
	color: #038de1;
	margin-top: 0px;
	margin-bottom: 8px;
}
main #support .tech p,
main #support .support p{
	text-align: center;
}
main #support .support p:nth-of-type(1){
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #2b94e4;
}
main #support .support p:nth-of-type(1) a img{
	width: 201px;
	margin: 8px 0;
}
main #support .support p:nth-of-type(1) a,
main #support .support p:nth-of-type(2) a,
main #support .support p:nth-of-type(3)>span {
	display: block;
	text-align: center;
	font-size: 11px;
	color: #0e0e0e;
	text-decoration: none;
	font-weight: bold;
}
main #support .support p:nth-of-type(2) a img{
	width: 165px;
	margin: 8px 0;
}

/* img to text */
.com-subtitle.is-en{
  display: block;
  font-family: Lato-Italic;
}
.mv-head .is-en {
  font-size: 14px;
  letter-spacing: 0.2em;
  margin: -1px 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: 12px;
	letter-spacing: 0.25em;
	margin: 3px auto 0;
}