body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ""; }
abbr, acronym { border: 0; }
ul { list-style: none; }
a {  text-decoration: none; }
a:focus {  outline: none; }
a:link {  /*color: #000;*/ text-decoration: none;}
a:visited { /*color: #000;*/  text-decoration: none; }
a:hover { /*color: #000;*/ text-decoration: none;}
a:active { /*color: #000;*/ text-decoration: none; }
input,button,textarea,select {
  font-size: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
hr { display: block; border: none; padding: 0; margin: 0; }

@font-face {
  font-family: 'Noto Sans CJK JP Subset';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans CJK JP'),
       local('NotoSansCJKjp-Regular'),
       local('NotoSansJP-Regular'),
         url('NotoSansCJKjp-Regular.woff2') format('woff2'),
	     url('NotoSansCJKjp-Regular.woff') format('woff'),
	     url('NotoSansCJKjp-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans CJK JP Subset';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans CJK JP'),
       local('NotoSansCJKjp-Medium'),
       local('NotoSansJP-Medium'),
         url('NotoSansCJKjp-Medium.woff2') format('woff2'),
	     url('NotoSansCJKjp-Medium.woff') format('woff'),
	     url('NotoSansCJKjp-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans CJK JP Subset';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans CJK JP'),
       local('NotoSansCJKjp-Bold'),
       local('NotoSansJP-Bold'),
         url('NotoSansCJKjp-Bold.woff2') format('woff2'),
	     url('NotoSansCJKjp-Bold.woff') format('woff'),
	     url('NotoSansCJKjp-Bold.ttf') format('truetype');
}

@media screen and (min-width: 768px) {
  #hero { background: url(/content/dam/au-com/pr/homerouter/img/bg-h1.jpg) no-repeat center center; }
  #hero h1 { max-width: 980px; margin: 0 auto; }
  #hero img { max-width: 980px; margin: 0 auto; width: 100%; }

  #startTime { margin: 30px auto 80px; border: 1px solid #d2d2d2; border-radius: 4px; width: 405px; padding: 13px; }
  #startTime p.note span { font-size: 16px; font-weight: bold;  }

  #chargeBox { border: 2px solid #eb5505; border-radius: 6px; padding: 50px 18px 18px; margin-bottom: 30px; }
  #chargeBox p.p1 { font-size: 18px; margin-bottom: 10px;}
  #chargeBox p.p1 span { font-size: 20px; font-weight: bold;}
  #chargeBox p.p2 { font-size: 22px; margin-bottom: 50px; margin-top: 10px;}
  #chargeBox .paleBox { padding: 20px;}
  #chargeBox .paleBox img { max-width: 100%;}
  .paleBox { background: #fdeee6; }

	.contentInner { max-width: 980px; margin: 0 auto; text-align: center; }
	.grayBox { background: #f3f3f3;}
	
  #chargeDetailBox { text-align: left; }
  #chargeDetailBox h2,
  #chargeDetailBox h3 { font-size: 22px; margin-bottom: 20px; }
  #chargeDetailBox p { margin-bottom: 20px; }

  .tableStyle01 { border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; width: 100%; margin-bottom: 20px; }
	.tableStyle01 td,
	.tableStyle01 th { border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; height: 80px; padding: 0 20px; width: 40%; }
  .tableStyle01 td { width: 60%;}
  .tableStyle01.network td,
	.tableStyle01.network th { width: 33.33%; text-align: center; }
	.tableStyle01 .bgYlw { background: #fdeee6;}
	.tableStyle01 .bgGry { background: #f3f3f3;}

  .tableStyle01 .chg { text-align: right;}

#exOptionBox { border: 1px solid #d1d1d1; padding: 50px; position: relative; margin-bottom: 40px; }
#exOptionBox img { position: absolute; top: 14px; right: 14px; }
#exOptionBox p { font-size: 20px; font-weight: bold; margin-bottom: 30px; }
#exOptionBox ul.note { margin-bottom: 0; }

#targetMobile h3 { font-size: 22px; padding-bottom: 20px; border-bottom: 2px solid #111; margin-bottom: 60px; font-weight: bold; }
.targetMobileInner { max-width: 762px; margin: 0 auto; border: 1px solid #e3e3e3; margin-bottom: 5%; }
.targetMobileInner p.tit { font-size: 20px; height: 60px; line-height: 60px; margin-bottom: 40px; background: #f3f3f3; font-weight: bold; border-bottom: 1px solid #e3e3e3; }
.tableWrap { padding: 0 5%;}

.targetMobileInner table { border-top: 1px solid #e3e3e3; width: 100%; margin-bottom: 20px; }
.targetMobileInner table td { border-bottom: 1px solid #e3e3e3; height: 60px; vertical-align: middle; }
.targetMobileInner table td:first-child { text-align: left; padding-left: 40px; }
.targetMobileInner table td:last-child { text-align: right; padding-right: 40px;}
.targetMobileInner table td:last-child span.fwb { font-size: 20px; }
.targetMobileInner ul.note { margin-bottom: 40px; font-size: 14px;}
.targetMobileInner table.paleBG { border-top: none; height: 80px; border-radius: 4px; background: #fdeee6;  margin-bottom: 40px; }
.targetMobileInner table.paleBG td { border-bottom: none; }
.targetMobileInner table.paleBG td:last-child { border-bottom: none; font-weight: bold; font-size: 20px; color: #eb5505; }
.targetMobileInner table.paleBG td:last-child span.fwn { /*font-size: 16px;*/ }
.targetMobileInner table.paleBG td:last-child span.en0 { font-size: 50px; }


	.noteBox { border: 1px solid #d1d1d1; border-radius: 6px; overflow: hidden; margin-bottom: 60px; }
	.noteBox a.noteTgl { display: block; height: 60px; line-height: 60px; background: #f3f3f3; color: #111!important; font-weight: bold; }
	.noteBox a.noteTgl::after { display: block; content:'\FF1E'; position: absolute; right: 20px; top: 0; transform: scale(1,.6) rotate(90deg); }
	.noteBox a.noteTgl.op::after { display: block; content:'\FF1E'; position: absolute; right: 20px; top: 0; transform: scale(1,.6) rotate(-90deg); }
	.noteListBox { padding: 35px 50px; border-top: 1px solid #d1d1d1 ;}
	.noteListBox ul.note { margin-bottom: 30px; }
	.noteListBox ul.note li { padding-left: 1em; text-indent: -1em; }

  
#featureBox { background: #fff;}
.featureBox { background: #f3f3f3; padding-bottom: 70px; margin-bottom: 70px; text-align: center;}
.featureBox h2 img { margin-top: -17px; margin-bottom: 45px;}
.featureBox h3 { margin-bottom: 70px;}
#ft1 .featureBox h3 img { max-width: 576px; width: 100%;}
#ft2 .featureBox h3 img { max-width: 776px; width: 100%;}
#ft3 .featureBox h3 img { max-width: 573px; width: 100%;}
.featureBox h4 { font-size: 25px; font-weight: bold; margin-bottom: 20px;}
.featureBox h4 span.barYlw { position: relative; z-index: 1; display: inline-block; }
.featureBox h4 span.barYlw span { position: relative; z-index: 1; display: inline-block; }
.featureBox h4 span.barYlw::before { content: ''; display: block; bottom: 0; height: 10px; background: #fff600; width: 100%; position: absolute; z-index: 0; }
.featureBox p.lead { margin-bottom: 40px; line-height: 1.8;}
.featureBox .featureBoxInner { background: #fff; max-width: 980px; margin: 0 auto 20px; padding: 50px; }
.featureBox .featureBoxInner .borderBox { background: #fff; max-width: 880px; margin: 0 auto; border:1px solid #f3f3f3; padding: 20px 0; }
.featureBox .featureBoxInner img { width: 100%; max-width: 880px;}
.featureBox .featureBoxInner .borderBox img { max-width: 746px;}
.featureBox .featureBoxInner p.caption { text-align: left; margin-top: 20px;}
.featureBox .featureBoxInner ul.note { margin-bottom: 0; margin-top: 10px; }


.note { font-size: 14px; line-height: 1.6; }
ul.note { font-size: 12px; margin-bottom: 80px; text-align: left; line-height: 1.8;}
ul.note .noteTtl { font-size: 15px; font-weight: bold;}
ul.note .fsL { font-size: 14px; }

ul.note li { position: relative;}
ul.note li span.ind { position: absolute; top: 0; left: 0; }
ul.note li.in1 { padding-left: 1em; }
ul.note li.in2 { padding-left: 2em; }
ul.note li.in3 { padding-left: 3em; }
ul.note li.in4 { padding-left: 4em; }
ul.note li.in5 { padding-left: 5em; }

#btmbtnbox { text-align: center;}
a.btnOrange { height: 76px; line-height: 76px;  width: 740px; background: #eb5505; color:#fff!important; text-align: center; margin: 0 auto 5%; border-radius: 38px; transition: .5s; }
a.btnOrange:hover { opacity: .6; }
a.btnOrange::after { display: block; content:'\FF1E'; position: absolute; right: 20px; top: 0; transform: scale(.6,1); }

.smtvWrap { text-align: left; margin-bottom: 60px; padding: 20px 40px; border: 1px solid #d1d1d1; }
.smtvWrap h2 { font-size: 20px; text-align: center; margin-bottom: 20px; font-weight: bold; }
}
.smtvWrapInner { margin-bottom: 20px;}
.smtvWrapInner img { width: 420px; margin-bottom: 20px;}

a.lnkCard { border: 1px solid #d1d1d1; padding: 20px; display: inline-block; margin: 0 auto 60px; color: #111; }
a.lnkCard img { margin-bottom: 20px; }
a.lnkCard:hover img { opacity: .6; }

.btmbnr img { border: 1px solid #d1d1d1 ;}
.btmbnr:hover img { opacity: .6;}

@media screen and (max-width: 1199px) and (min-width: 768px) {}
@media screen and (min-width: 980px) and (max-width: 1199px){}
@media screen and (max-width: 980px) and (min-width: 768px) {#exOptionBox img { width: 70px; }}

@media screen and (max-width: 767.98px) and (min-width: 0px) {
  #hero img { width: 100%; }
  #mainLeadBox h2 img{ width: 90%; margin-bottom: 5%; }
  #mainLeadBox p img{ width: 60%; margin-bottom: 5%; }
  #startTime { margin: 5% auto 10%; border: 1px solid #d2d2d2; border-radius: 1vw; width: 64%; padding: 3%; }
  #startTime p.note span { font-size: 3.2vw; font-weight: bold;  }

  #chargeBox { border: 2px solid #eb5505; border-radius: 1vw; padding: 10% 3% 3%; margin: 0 3% 5%; }
  #chargeBox img { width: 100%; }
  #chargeBox p.p1 { font-size: 3.6vw; margin-bottom: 2%; text-align: center; }
  #chargeBox p.p1 span { font-size: 4.4vw; font-weight: bold;}
  #chargeBox p.p2 { font-size: 4vw; margin-bottom: 8%;}
  #chargeBox .paleBox { padding: 5% 3%;}
  #chargeBox .paleBox img { width: 90%;}
  .paleBox { background: #fdeee6; }

	.contentInner { max-width: 980px; margin: 0 auto; text-align: center; }
	.grayBox { background: #f3f3f3;}
	
  #chargeDetailBox { text-align: left; padding: 0 3%; }
  #chargeDetailBox h2,
  #chargeDetailBox h3 { font-size: 5vw; margin-bottom: 3%; }
  #chargeDetailBox p { margin-bottom: 3.8vw; font-size: 3.4vw }
  #chargeDetailBox ul.note { margin: 0 0 10%;}

  .tableStyle01 { border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; width: 100%; margin-bottom: 3%; }
	.tableStyle01 td,
	.tableStyle01 th { border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; padding: 3%; width: 50%; font-size: 3.8vw; }
  .tableStyle01.network td,
	.tableStyle01.network th { width: 33.33%; text-align: center; }
	.tableStyle01 .bgYlw { background: #fdeee6;}
	.tableStyle01 .bgGry { background: #f3f3f3;}

  .tableStyle01 .chg { text-align: right;}

#exOptionBox { border: 1px solid #d1d1d1; padding: 5%; margin: 0 3% 5%; position: relative; }
#exOptionBox img { width: 100%; margin-bottom: 5%; }
#exOptionBox p { font-size: 3.8vw; font-weight: bold; margin-bottom: 5%; }
#exOptionBox p span.tit { font-size: 4.6vw; font-weight: bold;  }
#exOptionBox ul.note { margin: 0; }
#exOptionBox ul.note li { position: relative; }

#targetMobile { margin: 0 3%; }
#targetMobile h3 { font-size: 5vw; padding-bottom: 5%; border-bottom: 2px solid #111; margin-bottom: 5%; font-weight: bold; }
.targetMobileInner { margin: 0 3% 5%; border: 1px solid #e3e3e3; }
.targetMobileInner p.tit { font-size: 4.4vw; margin-bottom: 12%; height: 12vw; line-height: 9vw; background: #f3f3f3; font-weight: bold; border-bottom: 1px solid #e3e3e3; }
.tableWrap { padding: 0 5%;}

.targetMobileInner table { border-top: 1px solid #e3e3e3; width: 100%; margin-bottom: 3%; }
.targetMobileInner table td { border-bottom: 1px solid #e3e3e3; height: 12vw; font-size: 3.4vw; vertical-align: middle; }
.targetMobileInner table td:first-child { text-align: left; padding-left: 1%; }
.targetMobileInner table td:last-child { text-align: right; padding-right: 1%;}
.targetMobileInner table td:last-child span.fwb { font-size: 4vw; }
.targetMobileInner ul.note { margin: 0 0 5%; font-size: 2.8vw;}
.targetMobileInner table.paleBG { border-top: none; height: 14vw; border-radius: 2vw; background: #fdeee6;  margin-bottom: 5%; }
.targetMobileInner table.paleBG td { border-bottom: none; padding: 0 5%; }
.targetMobileInner table.paleBG td:last-child { border-bottom: none; font-weight: bold; font-size: 3.4vw; color: #eb5505; }
.targetMobileInner table.paleBG td:last-child span.en0 { font-size: 10vw; }


	.noteBox { border: 1px solid #d1d1d1; border-radius: 1vw; overflow: hidden; margin: 0 3% 5%; }
	.noteBox a.noteTgl { display: block; height: 12vw; line-height: 12vw; background: #f3f3f3; color: #111!important; font-weight: bold; font-size: 4vw; }
	.noteBox a.noteTgl::after { display: block; content:'\FF1E'; position: absolute; right: 20px; top: 0; transform: scale(1,.6) rotate(90deg); }
	.noteBox a.noteTgl.op::after { display: block; content:'\FF1E'; position: absolute; right: 20px; top: 0; transform: scale(1,.6) rotate(-90deg); }
	.noteListBox { padding: 5%; border-top: 1px solid #d1d1d1;}
	.noteListBox ul.note { margin-bottom: 5%; }
	.noteListBox ul.note li { padding-left: 1em; text-indent: -1em; }
  
#featureBox { background: #fff;}
.featureBox { background: #f3f3f3; padding-bottom: 10%; margin-bottom: 10%; text-align: center;}
.featureBox h2 img { margin-top: -3vw; width: 70%; margin-bottom: 5%;}
.featureBox h3 { margin-bottom: 10%;}
.featureBox h3 img { max-width: 768px; width: 82%;}
.featureBox h4 { font-size: 5vw; font-weight: bold; margin-bottom: 4%;}
.featureBox h4 span.barYlw { position: relative; z-index: 1; display: inline-block; }
.featureBox h4 span.barYlw span { position: relative; z-index: 1; display: inline-block; }
.featureBox h4 span.barYlw::before { content: ''; display: block; bottom: 0; height: 2vw; background: #fff600; width: 100%; position: absolute; z-index: 0; }
.featureBox p.lead { margin-bottom: 5%; line-height: 1.8; text-align: left; font-size: 4vw;}
.featureBox .featureBoxInner { background: #fff; margin: 0 3% 3%; padding: 5%; }
.featureBox .featureBoxInner .borderBox { background: #fff; max-width: 880px; margin: 0 auto; border:1px solid #f3f3f3; padding: 20px 0; }
.featureBox .featureBoxInner img { width: 100%; }
.featureBox .featureBoxInner .borderBox img { width: 94%;}
.featureBox .featureBoxInner p.caption { text-align: left; margin-top: 5%; font-size: 3.4vw;}
.featureBox .featureBoxInner ul.note { margin: 3% 0 0; }
.featureBox .featureBoxInner ul.note li { padding-left: 2em; text-indent: -2em; }
.featureBox .featureBoxInner ul.note li a { display: inline; }


.note { font-size: 3vw; line-height: 1.6; }
ul.note { font-size: 3.2vw; margin: 0 3% 10%; text-align: left; line-height: 1.8;}
ul.note .noteTtl { font-size: 4vw; font-weight: bold; }
ul.note .fsL { font-size: 3.4vw; }

ul.note li { position: relative;}
ul.note li span.ind { position: absolute; top: 0; left: 0; }
ul.note li.in1 { padding-left: 1em; }
ul.note li.in2 { padding-left: 2em; }
ul.note li.in3 { padding-left: 3em; }
ul.note li.in4 { padding-left: 4em; }
ul.note li.in5 { padding-left: 5em; }

#btmbtnbox { text-align: center;}
a.btnOrange { height: 16vw; line-height: 1.6; padding-top: 3%;  width: 90%; background: #eb5505; color:#fff!important; text-align: center; margin: 0 auto 5%; border-radius: 8vw; transition: .5s; font-size: 3.4vw; }
a.btnOrange::after { display: block; content:'\FF1E'; position: absolute; right: 5%; top: 34%; transform: scale(.6,1); }

.smtvWrap { text-align: left; margin: 0 3% 10%; padding: 5%; border: 1px solid #d1d1d1; }
.smtvWrap h2 { font-size: 4.6vw; margin-bottom: 3%; font-weight: bold; }

.smtvWrapInner { margin-bottom: 3%;}
.smtvWrapInner img { width: 80%; margin-bottom: 3%;}

a.lnkCard { border: 1px solid #d1d1d1; padding: 4%; display: inline-block; margin: 10% auto 5%; color: #111; width: 94%; }
a.lnkCard img { margin-bottom: 4%; width: 100%; }
a.lnkCard img.bnr { width: 3%; margin-bottom: 0;}
.btmbnr img { border: 1px solid #d1d1d1; width: 94%; }
}


    
.view-sp { display: none!important; }
.view-pc { display: block!important; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	.view-sp { display: block!important; }
	.view-pc { display: none!important; }
}

body #contentsWrapper .contArea { max-width: 100%!important; padding-left: 0!important; padding-right: 0!important; position: relative!important; }

.noteListBox { display: none; }

.fwb { font-weight: bold!important; }
.fwn { font-weight: normal!important; }
.fcred { color: #FF0004!important; }
.fcorange { color:#eb5505!important; }
.fcgray { color:#666!important; }

.fsp80 { font-size: 80%; }
.fsp120 { font-size: 120%; }
.fsp140 { font-size: 140%; }