@charset "UTF-8";

/* 1024px以上 */

h1 {
	font-size: 26px;
	margin: 0 0 .5em 0;
	}

.mv {
	width: 100%;
	height: auto;
	background: #ccc;
	margin: 0 0 50px 0;
	}

.mv img {
	display: block;
	width: 100%;
	height: auto;
	}

#main {
	padding-bottom: 100px;
	}

#main h2 {
	font-size: 20px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 0 0 .5em 0;
	padding: 1em 0;
	}

#main h3 {
	font-size: 16px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 0 0 .5em 0;
	padding: 1em;
	}

#main h4 {
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 1em 0;
	padding: .5em 0;
	}

#main p {
	font-size: 14px;
	margin: 0 0 2em 0;
	padding: 1em 0;
	}

#main .illust {
	width: 100%;
	margin: 0 0 4em 0;
	text-align: center;
	font-size: .8em;
	}

#main .illust img {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto 5px auto;
	}

#main .entry {
	margin: 0 0 4em 0;
	padding: 2em 0;
	}

#main .entry a {
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 1em 0;
	background: #00a0e9;
	border-radius: 5px;
	color: white;
	text-align: center;
	font-size: 24px;
	}

#main .entry a:hover {
	background: #14bcf7;
	}

#main p.notice {
	font-size: 10px !important;
	}


/* UQ WiMAX 2+ */

body.uqwimax h2 {
	background: #000;
	color: white;
	}

body.uqwimax .point {
	padding-bottom: 50px;
	}

body.uqwimax .point:after {
	display: block;
	content: "";
	clear: both;
	}

body.uqwimax .point div {
	width: 25%;
	float: left;
	}

body.uqwimax .point div i {
	display: block;
	font-size: 100px;
	text-align: center;
	padding: 20px 0;
	}

body.uqwimax .point div h3 {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 24px !important;
	font-weight: bold;
	}

body.uqwimax .point div h3 sup {
	font-size: 10px !important;
	}

body.uqwimax .point div p {
	margin: 0 20px 10px 20px !important;
	}


body.uqwimax .area {
	padding-bottom: 50px;
	}

body.uqwimax .area iframe {
	width: 100%;
	height: 1000px;
	border: 0;
	}

body.uqwimax .area p {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	text-align: center;
	}

body.uqwimax .area .appeal {
	display: block;
	padding: 50px 0 0 0 !important;
	}

body.uqwimax .area a {
	display: block;
	width: 50%;
	margin: 50px auto 20px auto;
	padding: 1em 0;
	background: #003bc0;
	border-radius: 5px;
	color: white;
	text-align: center;
	font-size: 24px;
	}

body.uqwimax .area a i {
	display: block;
	font-size: 100px;
	}

body.uqwimax .area a:hover {
	background: #215ee7;
	}


body.uqwimax .device {
	padding-bottom: 50px;
	}

body.uqwimax .device div {
	margin-bottom: 50px;
	border-top: 1px solid #ccc;
	}

body.uqwimax .device div:after {
	display: block;
	content: "";
	clear: both;
	}

body.uqwimax .device h3 {
	text-align: left !important;
	color: #000;
	font-family: Meiryo;
	font-size: 32px !important;
	font-weight: bold;
	margin: 0 0 30px 0 !important;
	padding: 30px 0 5px 0 !important;
	border: 0 !important;
	}

body.uqwimax .device h4 {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 24px !important;
	line-height: 30px !important;
	font-weight: bold;
	}

body.uqwimax .device li {
	display: block;
	clear: left;
	padding: 0 0 40px 0;
	}

body.uqwimax .device p {
	margin: 0 !important;
	padding: 0 !important;
	}

body.uqwimax .device h4 i {
	display: block;
	padding: 0 0 10px 0;
	font-size: 80px;
	float: left;
	}

body.uqwimax .device h4 i.fa-battery-full {
	font-size: 60px;
	margin: 0 10px;
	}

body.uqwimax .device .pic {
	margin: 0 0 10px 20px;
	width: 40%;
	height: auto;
	float: right;
	border: 0;
	}

body.uqwimax .device .pic img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	}

body.uqwimax .device .pic span {
	display: block;
	margin: 0 0 10px 0;
	width: 100%;
	font-size: 12px;
	line-height: 1.3em;
	text-align: right;
	}


body.uqwimax .device .pic span.notice {
	text-decoration: underline;
	}

body.uqwimax .device ul.tab {
	width: 100%;
	}

body.uqwimax .device ul.tab:after {
	display: block;
	content: "";
	clear: both;
	}

body.uqwimax .device ul.tab li {
	display: block;
	width: 33.333%;
	height: auto;
	clear: none;
	float: left !important;
	text-align: center;
	}

body.uqwimax .device ul.tab li img {
	display: block;
	margin: 0 auto;
	width: 70%;
	height: auto;
	}






body.uqwimax .fee {
	padding-bottom: 50px;
	}

body.uqwimax .fee:after {
	display: block;
	content: "";
	clear: both;
	}

body.uqwimax .fee div {
	width: 50%;
	float: left;
	}

body.uqwimax .fee div h3 {
	border: 0 !important;
	margin: 0 !important;
	padding: 30px 0 10px 0 !important;
	font-size: 40px !important;
	font-weight: bold;
	}

body.uqwimax .fee div h3 sup {
	font-size: 10px !important;
	}

body.uqwimax .fee div p {
	margin: 0 20px 10px 20px !important;
	word-wrap: break-word;
	text-align: center;
	}

body.uqwimax .fee div.illust {
	clear: both;
	width: 100%;
	}

.attention {
	text-align: center;
	text-decoration: underline;
	}






body.uqwimax .campaign {
	padding-bottom: 50px;
	}

body.uqwimax .campaign:after {
	display: block;
	content: "";
	clear: both;
	}

body.uqwimax .campaign div h3 {
	border: 0 !important;
	margin: 0 !important;
	padding: 30px 0 10px 0 !important;
	font-size: 40px !important;
	font-weight: bold;
	}

body.uqwimax .campaign div h3 sup {
	font-size: 10px !important;
	}

body.uqwimax .campaign div p {
	margin: 0 20px 10px 20px !important;
	word-wrap: break-word;
	text-align: center;
	}

body.uqwimax .campaign div.illust {
	clear: both;
	width: 100%;
	}


body.uqwimax .option {
	padding-bottom: 100px;
	}

body.uqwimax .option:after {
	display: block;
	content: "";
	clear: both;
	}

body.uqwimax .option div {
	width: 25%;
	float: left;
	}

body.uqwimax .option div h3 {
	border: 0 !important;
	margin: 0 !important;
	padding: 30px 0 10px 0 !important;
	font-size: 16px !important;
	font-weight: bold;
	}

body.uqwimax .option div p.fee {
	text-align: center;
	font-weight: bold;
	font-size: 14px !important;
	}

body.uqwimax .option div p {
	margin: 0 20px 10px 20px !important;
	word-wrap: break-word;
	}

/* 1024px以上 */






/* 768〜1023px */
@media screen and (min-width: 768px) and (max-width: 1023px) {

body.uqwimax .device .pic {
	width: 300px;
	}

body.uqwimax .device .pic img {
	width: 300px;
	}

}/* 768〜1023px */






/* 767px以下 */
@media screen and (max-width: 767px) {

#main .entry a {
	width: 100%;
	}

body.uqwimax .point div {
	width: 50%;
	float: left;
	}

body.uqwimax .area a {
	width: 80%;
	}

body.uqwimax .campaign div {
	width: 100%;
	float: none;
	}

body.uqwimax .option div {
	width: 50%;
	float: left;
	}

body.uqwimax .device .pic {
	float: none;
	margin: 0 0 30px 0;
	width: 100%;
	height: auto;
	}

body.uqwimax .device .pic img {
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	}

body.uqwimax .device .pic span {
	width: 100%;
	text-align: center;
	}


body.uqwimax .fee div {
	width: 100%;
	float: none;
	}

body.uqwimax .option div {
	width: 100%;
	float: none;
	border-bottom: 1px dotted #ccc;
	}

}/* 767px以下 */