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

body.simpleheader main article#mv{
	height: 600px;
	background: url(/usage/datacharge/img/bg_img.png) repeat;
}
main article#mv:before {
	display: none;
}

main article#mv section:first-child{
	height: auto;
	padding-top: 0;
	position: relative;
}
main article#mv h2 {
	margin-bottom: 0;
	text-align: center;
}
main article#mv h2 img {
	max-width: none;
}
main article#mv p {
	bottom: 0;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 11.6em 0 0;
	position: absolute;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
	right: 0;
}
main > article {
    padding-top: 60px;
}

.l_country td{
	text-align: right;
}

.l_country td.tc{
	text-align: center;
}

#planlink ul li{
  vertical-align: top;
  background-color: #eff5f9;
  margin: 0 10px 20px
}
#planlink ul li h5{
  font-size: 14px;
  margin:16px 16px 8px;
  text-align: left;
}
#planlink ul li p{
  margin: 8px 16px 16px;
}
#planlink a{
  font-size: 12px;
  max-width: 300px;
  text-decoration: none;
  color: #0e0e0e;
  display: inline-block;
  text-align: left;
}

main .txt01 p.cptxt{
  text-align: center;
  margin-top: 60px;
}

/*-----------------------------------------------------------------------
 * responsive
 *----------------------------------------------------------------------- */
	.br_sp{
		display: none;
	}
	th.country {
	  text-align: left;
	  min-width: 280px;
	}

	th.country img{
	  width: 40px;
	  margin-right: 8px;
	  border: 1px solid #ccc;
	}
	main .txt01{
		width: 960px;
		margin: 0 auto;
	}
	main .caution ul {
	    width: 720px;
	    margin: 0 auto;
	}
	.pc_img{
		display: inline-block;
	}
	.sp_img{
		display: none;
	}

main article h2 img.subtitle {
	display: block;
	margin: 12px auto 0;
}
.maincontent {
	margin: 0 auto 50px;
}
.country> p {
	margin: 0 auto 50px;
	font-weight: bold;
	text-align: center;
}
.countryList {
	border: 1px solid #0e0e0e;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 50px 40px;
	line-height: 2.2;
}
.countryList ul {
	text-align: left;
	letter-spacing: -0.4em;
}
.countryList ul li {
	width: 22%;
	margin: 0 auto;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.1em;
}
.countryList ul li:not(:nth-of-type(4n)) {
	margin: 0 4% 0 0;
}
.countryList ul.world {
	margin: 0 auto 24px;
}
.countryList p {
	margin: 0 auto 10px;
	font-weight: bold;
}


@media screen and (max-width: 767px) { /*smartphone*/
  main .txt01 p.cptxt{
    margin-top: 30px;
  }
	.maincontent {
		margin: 0 auto 40px;
	}
	.country> p {
		margin: 0 auto 32px;
		width: 56%;
	}
	.countryList {
		padding: 40px 30px;
	}
	.countryList ul {
		position: relative;
		left: 1.4%;
	}
	.countryList ul li {
		line-height: 1.35;
	}
	.countryList ul li {
		width: 30.6666%;
		margin: 0 0 10px;
	}
	.countryList ul li:not(:nth-of-type(4n)) {
		margin: 0 0 10px;
	}
	.countryList ul li:not(:nth-of-type(3n)) {
		margin: 0 4% 10px 0;
	}
	.countryList p {
		margin: 0 auto 12px;
		text-align: center;
	}
}


@media screen and (max-width: 583px) {
	.country> p {
		margin: 0 auto 32px;
	}
	.countryList ul {
		left: 3%;
	}
	.countryList ul li {
		width: 48%;
	}
	.countryList ul li:not(:nth-of-type(4n)) {
		margin: 0 0 10px;
	}
	.countryList ul li:not(:nth-of-type(3n)) {
		margin: 0 0 10px;
	}
	.countryList ul li:nth-of-type(odd) {
		margin: 0 4% 10px 0;
	}
}


@media screen and (max-width: 479px) {
	.maincontent {
		margin: 0 auto 52px;
	}
	.country> p {
		width: 100%;
	}
	.countryList {
		padding: 36px 28px;
	}
	.countryList ul {
		text-align: center;
		position: static;
	}
	.countryList ul li {
		display:block;
		width: 100%;
	}
	.countryList ul li:nth-of-type(odd) {
		margin: 0 0 10px;
	}
	.countryList p {
		text-align: left;
	}
}

/* img to text */
.com-subtitle.is-en{
  display: block;
  font-family: Lato-Italic;
}
.com-section-head .is-en {
  color: #038de1;
  font-size: 18px;
  letter-spacing: 0.25em;
  margin: 8px auto 0;
}