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;
    -moz-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) {
    #tvpack { text-align: center; font-family:'Noto Sans','Noto Sans JP','Noto Sans CJK JP','Noto Sans CJK JP Subset',sans-serif; font-weight: 400; }
    #tvpack .note { font-size: 12px;}
    #tvpack .fntsize-ll { font-size: 42px; position: relative; line-height: 1.2; color: #eb5505; font-weight: 500; }
    #tvpack .fntsize-periodmt { font-size: 12px; text-align: center; display: block; color: #111; line-height: 1; }
    #tvpack .fntsize-l { font-size: 22px;}
    #tvpack .fntsize-l2 { font-size: 32px;}
    
    #hero-head { background: #000; font-size: 20px; font-weight: bold; color: #ffeab2; text-align: center; padding: 8px 0; }
    #hero-head a { color: #ffeab2!important; }
    
    #hero { padding-bottom: 35px; color: #fff; background: #000 url(/content/dam/au-com/pr/tvpack/images/bg-hero.jpg) repeat-y center top; }
    #hero img { width: 100%; }
    #hero p.note { text-align: center; font-size: 16px; }
    #hero p.note a { color: #fff!important; text-decoration: underline!important; }
    #hero p.note .notelink { font-size: 12px!important; }
    #hero p.note:first-of-type { line-height: 1.8; color: #fff!important; }
    #hero ul { padding: 20px 0 0; font-size: 11px; line-height: 1.7; text-align: left; }
    
    p#mvnote { margin-bottom: 20px;}
    p#mvnote a { color: #fff!important; font-size: 14px;}

    .notice{
      max-width: 750px;
      margin: 0 auto;
      background: #fff;
      border: solid 2px #ff0000;
      border-radius: 6px;
      padding: 40px;
      color: #ff0000;
      text-align: left;
    }
    
    .contentInner { max-width: 980px; margin: 0 auto; padding: 100px 0; position: relative; }
    .contentInnercv { max-width: 980px; margin: 0 auto; }
    
    #c01,#c02,#c04 { background: #fff4e6; }
    #c02 { padding-top: 60px;}
    #c03,#c04,#faq { background-image: url(/content/dam/au-com/pr/tvpack/images/bg-orange.jpg),url(/content/dam/au-com/pr/tvpack/images/bg-orange2.jpg),linear-gradient(to right, #ff9243 50%, #f33f00 51%);
        background-repeat: no-repeat, repeat-y;
        background-position: center top, center top; 
         }
    #btmnotebox { background: #fff; }
    #c01cv { background: #000 url(/content/dam/au-com/pr/tvpack/images/bg-cv01.jpg) no-repeat center top; }
    #c04cv { background: #000 url(/content/dam/au-com/pr/tvpack/images/bg-cv01.jpg) no-repeat center top; }
    #changeplan { background: #fff4e6; }
    
    #c02 .contentInner{ padding: 0 0 100px; }
    
    
    #c01 h2 img { }
    #c01 .c01flexwrap { margin-bottom: 34px; }
    #c01 .c01flexwrap > div { width: 100%; }
    #c01 .c01flexwrap > div:first-child h3 img { /*margin-bottom: 20px;*/}
    #c01 .c01flexwrap > div h3 img {  }
    #c01 .c01flexwrap > div p.note { color: #666; padding-bottom: 10px; margin-top: -12px; }
    #c01 .c01flexwrap > div > div { background: #fff; border-radius: 6px; position: relative; padding: 25px 0; margin-bottom: 35px; }
    #c01 .c01flexwrap > div > div::after { content:''; display: block; background: url(../images/bg-shadow.png); border-radius: 6px; overflow: hidden; height: 100%; width: 100%; position: absolute; top: 10px; left: 10px; z-index: -1; }
    #c01 .c01flexwrap > div > div .flxbox { width: 50%; }
    #c01 .c01flexwrap > div > div img { width: 100%; max-width: 980px; }
    #c01 .c01flexwrap > div > div img.badge { width: 11%; position: absolute; left: 10px; top: -40px; }
    #c01 .c01flexwrap > div > div ul.note { color: #000; padding-bottom: 0; margin-top: 0; text-align: left; padding: 20px 20px 0; width: 100%; }
    #c01 .c01flexwrap > div > div ul.note li { text-indent: -1em; padding-left: 1em; }
    
    #c01cv { padding: 0 0 84px 0; text-align: center; }
    #c01cv p.tit { padding: 90px 0 30px; }
    #c01cv p.tit img { }
    
    
    #c02 h2 { margin-bottom: 60px; }
    #c03 h2 { margin-bottom: 80px; }
    #c02 h2 img { }
    #c03 h2 img { }
    
    
    .serviceBox { background: #fff; border-radius: 10px; margin-bottom: 35px;  }
    .serviceBox a.tgl-service { height: 90px; line-height: 90px;  padding-left: 50px; display: block; color:#000!important; text-decoration: none!important;  }
    .serviceBox a.tgl-service.open {border-bottom: 1px solid #000;}
    .serviceBox a.tgl-service h3 { color: #000!important; font-weight: bold; text-align: left; font-size: 22px; }
    .serviceBox a.tgl-service:hover { opacity:.7; }
    .serviceBox a.tgl-service h3 span { font-size: 26px; }
    .serviceBox a.tgl-service h3 span.fs { font-size: 26px; }
    
    .serviceBox a.tgl-service::after { content: '\FF1C'; display: block; font-weight: bold; transform: rotate(-90deg) scale(1,1.8); position: absolute; top: 0; right: 3%; text-decoration: none!important;}
    .serviceBox a.tgl-service.open::after { content: '\FF1C'; font-weight: bold; transform: rotate(90deg) scale(1,1.8) translate(0, -2px); text-decoration: none!important; }
    
    .serviceBox .tgl-content { padding: 6% 8%; }
    .serviceBox .tgl-content-inner { max-width: 820px; text-align: left; }
    .serviceBox .tgl-content-inner p { font-size: 14px; margin-bottom: 10px; }
    .serviceBox .tgl-content-inner a { font-size: 14px; }
    .serviceBox .svFlex { display: flex; justify-content: space-between; margin-bottom: 20px; align-items: start; }
    .serviceBox .svFlex > div { width: 49.5%; }
    .serviceBox .svFlex > div p.cap { text-align: right; font-size: 12px; padding-top: 5px; }
    .serviceBox .svFlex > div img { width: 100%; }
    .serviceBox .svFlex.yt > div { width: 49.5%; margin: 0 auto;}
    .serviceBox .svFlex.ap { width: 100%; margin: 0 auto;}
    .serviceBox .svFlex.ap > div:first-child { width: 30%; }
    .serviceBox .svFlex.ap > div:last-child { width: 64%; }
    .serviceBox .svFlex.ap > div img { max-width: 508px; }
    
    .serviceBox .tgl-content-inner p.noteservice { font-size: 12px; margin-bottom: 20px; padding-top: 14px; }
    
    #bnr-serv img { width: 100%; }
    #bnr-pr { max-width: 628px; margin: 0 auto; padding-top: 80px; }
    #bnr-pr img { width: 100%; }
    
    #c04 h2 { color: #fff; font-size: 40px; font-weight: 300; margin-bottom: 60px; padding-top: 120px; }
    #plntab { max-width: 980px; margin: 0 auto; }
    #plntab ul { display: flex; justify-content: space-between; align-items: flex-end; }
    #plntab ul li { width: 49%;  }
    #plntab ul li a { display:block; height: 90px; background: #fff; font-size: 30px; line-height: 90px; border-radius: 20px 20px 0 0; text-decoration: none; color: #000; }
    #plntab ul li a.on { background: #ffe0c7; color: #eb5505;  }
    #plntab ul li a:hover { opacity: .7; }
    #c04innercolor { background: #ffe0c7; padding: 35px 0; }
    #c04innercolor .contentInner { padding-top: 0;}
    
    #c01 ul.note { line-height: 1.4; color: #111; margin-bottom: 15px; }
    #c01 ul.note li:first-child { margin-bottom: 5px; }
    #chgnote-mxpro ul.note { line-height: 1.4; }
    ul.note { text-align: left; line-height: 2; }
    ul.note li { text-indent: -1em; padding-left: 1em; }
    ul.note li.ind-num { position: relative; text-indent: 0; padding-left: 4em; }
    ul.note li.ind-num span.ind { position: absolute; top: 0; left: 0; }
    ul.note li a { display: inline; }
    
	.plan-box { position: relative; }
    .plan-detail { background: #fff; border-radius: 4px; padding: 70px 6%; }
    .logotvpack { width: 384px; margin-bottom:90px; margin-top: 30px; }
    .plan-detail-contents { padding: 20px; }
    .plan-detail-tit { display: flex; justify-content: space-between; align-items: center; color: #111; padding-bottom: 20px; }
    .plan-detail-tit h3 { font-size: 22px; text-align: left; position: relative; color: #000; }
    .plan-detail-tit p { text-align: right; }
    
    .autodiscount { font-size: 16px; background: #f2f2f2; text-align: center; display: inline-block; padding: 2px 10px; margin: 5px auto; font-weight: bold; }
    
    
    .plan-total-in { display: flex; flex-wrap: wrap; border-top: 1px solid #ccc; }
    .plan-total-in > div { align-items: center; display: flex; }
    .plan-total-in > div:first-child { width: 32%; text-align: left; padding: 26px 15px; }
    .plan-total-in > div:last-child { width: 68%; padding: 10px 15px; }
    .plan-total-in > div:last-child > div { width: 100%; }
    .plan-total-in > div:last-child hr { /*border-bottom: 1px dotted #ccc;*/ margin-bottom: 10px;}
    .plan-total-charge-sholder { /*display: flex; justify-content: flex-start; align-items: flex-end;*/ }
    .plan-total-charge-sholder p { text-align: center; }
    .plan-total-charge-sholder p:first-child { text-align: center;  width: 100%; /*margin-top: 1.1em; margin-bottom: 7px; margin-right: 1%;*/ }
    .plan-total-charge-sholder p:last-child { line-height: 1; margin-bottom: 7px; margin-left: 2%; }
    .plan-total-in .plan-total-note p.note {text-align: left; }
    
    
    .breakdown-tit { position: relative; background: #e5e5e5; line-height: 50px; height: 50px; font-weight: bold; letter-spacing: .3em; }
    .breakdown-tit a { display: block; color: #000; text-decoration: none!important;}
    .breakdown-tit a::after { content: '\FF1C'; display: block; font-weight: bold; transform: rotate(-90deg) scale(0.6,1); position: absolute; top: 0; right: 3%;}
    .breakdown-tit a.open::after { content: '\FF1C'; font-weight: bold; transform: rotate(90deg) scale(0.6,1); }
    
    table.pln-table { width: 100%; }
    table.pln-table tr { border-bottom: 1px solid #ccc; }
    table.pln-table th { width: 36%; padding: 15px; text-align: left; vertical-align: middle; font-weight: normal; }
    table.pln-table td { width: 32%; padding: 15px 0; text-align: center; vertical-align: middle; }
    table.pln-table hr { display:none; }
    table.pln-table td.cols1 { padding: 0; width: 100%; }
    table.pln-table td.cols1 > div { padding: 10px 0;}
    table.pln-table td.cols1 > div { border-bottom: 1px solid #ccc; }
    table.pln-table td.cols1 > div:last-child { border-bottom: none; }
    table.pln-table td.cols1 > div { display: flex; justify-content: flex-start; align-items: center; }
    table.pln-table td.cols1 > div > p { width: 50%; }
    
    .plan-note { padding-top: 20px; }
	
    .dwnarr { display: inline-block; transform: scale(1,.6) rotate(90deg);}
    
    #c04cv { padding: 0 0 84px 0; text-align: center; }
    #c04cv p.tit { padding: 90px 0 30px; }
    
    #btmnotebox { color:#000; text-align: left; font-size: 12px; }
    #btmnotebox p { font-size: 14px; font-weight: bold; margin-bottom: 15px; }
    #btmnotebox ul { border-bottom: 1px solid #999; padding: 0 0 30px 0; margin-bottom: 30px; }
    #btmnotebox ul li { line-height: 1.6; margin-bottom: 10px; padding-left: 1em; text-indent: -1em; }
    
    
    .btn-cv { width: 524px; height: 62px; line-height: 60px; color:#fff!important; font-weight: bold;font-size: 16px; border: 1px solid #fff; border-radius: 31px; text-align: center; margin: 0 auto; display: block!important; text-decoration: none!important; transition: .5s; background: url(/content/dam/au-com/pr/tvpack/images/arrow-w.png) no-repeat right 20px center; }
    .btn-cv:hover { opacity: .7;}
    
    #bnr-serv { width:88.777%; margin: 0 auto; }
    #bnr-serv .slick-list { }
    #bnr-serv .slick-dots { padding-top: 40px; }
    #bnr-serv .slick-dots > li { width: 14px; height: 14px; background: #e8e8e8;  }
    #bnr-serv .slick-dots > li + li { margin-left: 24px; }
    #bnr-serv .slick-dots > li.slick-active { background: #eb5505; }
    .slick-arrow { position: absolute; top: 360px; width: 26px; height: 40px; display: block; }
    .slick-arrow img { width: 100%; }
    .slick-mb-prev { left: 5px;  }
    .slick-mb-prev img { transform: rotate(180deg); }
    .slick-mb-next { right: 5px;} 
    
    #bnr-pr .slick-dots { padding-top: 40px; }
    #bnr-pr .slick-dots > li { width: 14px; height: 14px; background: #e8e8e8;  }
    #bnr-pr .slick-dots > li + li { margin-left: 24px; }
    #bnr-pr .slick-dots > li.slick-active { background: #eb5505; }
    
    #flbn { background: #000; padding: 15px; position: fixed; bottom: 0; width: 100%; left: 90px; z-index: 3; transition: .5s; }
    #flbn a { display: block; height: 50px; line-height: 50px; background: linear-gradient(to right, #fe812f, #fd4a24); color: #fff!important; text-decoration: none; font-weight: bold; border-radius: 25px; width: 524px; margin: 0 auto; text-align: center; transition: .5s; background-image: url(/content/dam/au-com/pr/tvpack/images/arrow-w.png),linear-gradient(to right, #fe812f, #fd4a24); background-repeat: no-repeat; background-position: right 3% center; }
    #flbn a:hover { opacity: .7; }
    #flbn.off { bottom: -84px; }
    
    .indnum { padding-left: 3em!important; text-indent: 0!important; position: relative; }
    .indnum span { position: absolute; top: 0; left: 0; }
    .indin { display: block; }
    
    #famwari4g { margin-top: 60px; }
    #famwari.subplan-box { margin-top: 60px; }
    #smvcamp,
    #famwaricamp { padding-top: 50px;}
    #smvcamp p,
    #famwaricamp p { margin-bottom: 20px!important; }
    .subplan-box { border: 2px solid #e5e5e5; margin: 0 20px 40px; text-align: left; }
    .subplan-box .subplan-tit { background: #e5e5e5; position: relative; height: 84px; line-height: 84px; padding-left: 30px; }
    .subplan-box .subplan-tit h3 { position: relative; font-size: 22px; color: #111; }
    .subplan-box .subplan-tit h3 span { color: #eb5505; font-size: 14px; display: inline-block; padding: 5px 10px; border: 1px solid #eb5505; font-weight: normal; background: #fff; line-height: 1; position: absolute; right: 76px; top: 28px; }
    .subplan-box .subplan-tit h3 span.non  { color: #111; border: 1px solid #fff; }
    .subplan-box .subplan-tit a { display: block; line-height: 84px; height: 84px; text-decoration: none!important; }
    .subplan-box .subplan-tit a::after { content: '\FF0B'; font-size: 22px; font-weight: bold; color: #111;top: 0;
    right: 4%; position: absolute; }
    .subplan-box .subplan-tit a.open::after { content: '\2015'; font-weight: bold;}
    .subplan-box .subplan-content { padding: 30px; color: #111;  }
    .subplan-box .subplan-content ul.note { margin-bottom: 40px; }
    .subplan-box .subplan-content-main { padding: 30px; margin-bottom: 25px; line-height: 1.8;}
    .subplan-box .subplan-content-main .fmplus { line-height: 1.6; }
    
    .subplan-termbox { border-top: 1px solid #cbc09e; line-height: 2.4; margin-top: 14px; }
    .subplan-termbox ul li { /*text-indent: -2em; padding-left: 2em;*/ border-bottom: 1px solid #cbc09e; }
    .subplan-termbox ul li div { background: #fff; text-indent: 0; text-align: center; padding: 4px 16px; margin: 10px auto; display: inline-block; position: relative; }
    .subplan-termbox ul li div::after { content:''; position: absolute; left: 50%; top: -13px; display: block;width: 0;
height: 0;
border-style: solid;
border-width: 0 18px 14px 18px;
border-color: transparent transparent #fff transparent;}
    .subplan-termbox ul li p.or { text-align: center; text-indent: 0; font-size: 14px; font-weight: bold; }
    .subplan-termbox ul li p.or span { display: none;}
    .subplan-termbox ul li p.or::before { content:'\2015'; transform: scale(5,1); text-indent: 0;display: inline-block; transform-origin: center right;}
    .subplan-termbox ul li p.or::after { content:'\2015'; transform: scale(5,1); text-indent: 0;display: inline-block; transform-origin: center left;}
    
    .subplan-box .subplan-content table {margin: 25px 0; border-bottom: 1px solid #c2c2c2;}
    .subplan-box .subplan-content table th { background: #f3f3f3; font-weight: normal; text-align: left; padding: 15px; vertical-align: middle; border-top: 1px solid #c2c2c2; width: 40%;  }
    .subplan-box .subplan-content table td { border-top: 1px solid #c2c2c2; padding: 15px; width: 60%; }
    .subplan-box .subplan-content table td p { margin-bottom: 10px; vertical-align: middle; }
    
    .sbplnCatch { margin-bottom: 30px; }
    .smpwaripara { margin-bottom: 20px; }
    
    p.btm-link { text-align: right; font-size: 12px; margin-top: 15px; }
    
    #btm-note-link { width: 490px; margin: 70px auto 20px; }
    #btm-note-link a { display: block; height: 60px; border-radius: 30px; line-height: 58px; border: 2px solid #eb5505;
        color: #eb5505!important;
    text-decoration: none!important;}
    #btm-note-link a:hover { opacity: .6; }
    #btm-note-link a::after{ content: '\FF1E'; display: block; top: 0; right: 10px; width: 20px; height: 60px; position: absolute; transform: scale(1,.6) rotate(90deg); }
    
    
    #changeplan h2 { color: #111; font-size: 40px; font-weight: 300; margin-bottom: 50px; }
    #changeplan p { margin-bottom: 40px; }
    #changeplan ul { width: 740px; margin: 0 auto;}
    
    #faq h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 50px;
    }
    #faq ul.link { position: relative; }
    #faq ul.link li { background: #fff; border-radius: 20px; margin-bottom: 40px; text-align: left; padding-top: 30px; padding-bottom: 30px; position: relative;  z-index: 1; }
    #faq ul.link li::after { content:''; display: block; background: url(../images/bg-shadow-w.png); border-radius: 20px; overflow: hidden; height: 100%; width: 100%; position: absolute; top: 10px; left: 10px; z-index: 0; }
    
    #faq ul.link a { line-height: 1.6;  padding-left: 50px; padding-right: 50px; display: block; color:#000!important; text-decoration: none!important; z-index: 1; }
    #faq ul.link a span { color: #000!important; text-align: left; font-size: 18px; }
    #faq ul.link a:hover { opacity:.7; }
    #faq ul.link a::after { content: '\FF1C'; display: block; font-weight: bold; transform: rotate(180deg) scale(1,1.8); position: absolute; top: 0; right: 3%; text-decoration: none!important;}
    
    
    a.btnOrng { display: block; height: 60px; border-radius: 30px; line-height: 58px; border: 2px solid #eb5505;
        color: #eb5505!important; text-decoration: none!important; width: 526px; margin: 0 auto 60px; text-align: center; }
    a.btnOrng:hover { opacity: .6; }
    a.btnOrng::after{ content: '\FF1E'; display: block; top: 0; right: 10px; width: 20px; height: 60px; position: absolute; transform: scale(.6,1); }
    
    #c03worklist { background: #fff4e6; padding-bottom: 60px }
    #c03worklist h2 { padding: 124px 0 64px; }
    #c03worklist h3 { max-width: 980px; color:#fff; font-weight: normal; background: #eb5505; height: 50px; line-height: 50px; font-size: 24px; margin: 0 auto 15px; border-radius: 4px; }
    #c03worklist h4 { padding: 40px 0; }
    #c03worklistinner { max-width: 1046px; margin: 0 auto; }
    .workflexwrap { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 100px; }
    .workflexwrap .workflex:last-child { border: none; }
    .workflex { width: 33.33%; border-right: 1px dotted #ddd; text-align: center; }
    .workflex img { width: 80%; margin: 0 auto 10px; }
    .workflex p { width: 80%; margin: 0 auto; height: 6em; text-align: right; font-size: 11px; }
    .workflex > a { width: 80%; display: block; height: 90px; padding-top: 20px; margin: 0 auto; color: #eb5505!important; border: 1px solid #eb5505; border-radius: 45px; background: url(/content/dam/au-com/pr/tvpack/images/icon-arrw.png) no-repeat right 20px center; }
    .workflex > a:hover { opacity: .7; color: #eb5505; }
    
    
  #toolTipList { display: flex; justify-content: center; width: 90%; margin: 0 auto 10px; font-weight: bold; }
  #toolTipList li { font-size: 17px; position: relative; margin-left: 20px; }
  #toolTipList li:first-child { margin-left: 0; }
  #toolTipList li a { color: #222!important; }
  #toolTipList li p a { color:#06a!important; }
  #toolTipList li span.note { font-size: 12px; }
  #toolTipList li img.question { width: 25px; margin-left: 5px; margin-bottom: 4px; }

  
  .tooltip { background: #111; position: absolute; top: 100%; transition: 0.3s; opacity: 0; z-index: -1; visibility: hidden; }
  .tooltip { padding: 5px; margin-top: 20px; width: auto; left: 50%; transform: translateX(-50%);}
  .tooltip.open { z-index: 20; opacity: 1; visibility: visible; }
  .tooltip:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #111 transparent; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -20px;}
  .tooltip__cont > p { color:#fff; text-align: center; padding: 16px 0; font-size: 20px; font-weight: bold; }
  .tooltip__advantageTtl {  color: #eb5504; }
  .box-action__link { font-size: 14px; line-height: 24px; display: flex; justify-content: flex-end; }
  .tooltip .box-action__link { justify-content: center; font-weight: normal; }
  .tooltip .box-action__link { margin: 10px 0; }
  .box-action__link a { display: flex; align-items: center; color: #0066aa!important; }
  .tooltip__close { display: block; background: url(/content/dam/au-com/pr/daznpack/img/modal_ico_close.png) no-repeat center/21px; cursor: pointer; }
  .tooltip__close { height: 40px; margin: 10px auto 8px; }
  .tooltip__advantage { background: #fff; padding: 15px; }
  .tooltip__advantageTtl { font-size: 20px; height: 40px; line-height: 40px; font-weight: bold; }
  .tooltip__txt { line-height: 1.8; font-size: 14px; }
  .question { width: 24px;}
  .tablepara { display: flex; justify-content: space-between; align-items: center; }
  .tablepara p:last-child { width: 30%; text-align: right; font-size: 24px; font-weight: bold; }

  .footerElem{ padding-bottom:80px!important; background: #f3f3f3;}

  .mb10{margin-bottom: 10px;}
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    #flbn { left: 0; }
}

@media screen and (max-width: 980px) and (min-width: 768px) {
    #hero { background-size: 232%; }
    #hero p.note { padding: 0 20px; }
    #hero ul { padding: 0 20px; }
    
    .contentInner { padding: 100px 20px; }
    #bnr-serv { margin: 0 auto; }
    .slick-arrow { top: 0; margin-top: 37%; }
    .plan-detail {padding: 50px 3%;}
    #btmnotebox { padding: 0 20px; }
}

@media screen and (max-width: 767px) and (min-width: 0px) {
    #contentsWrapper .contArea { padding-top: 0!important; }
    #tvpack { text-align: center; font-size: 3.4vw; font-family:'Noto Sans','Noto Sans JP','Noto Sans CJK JP','Noto Sans CJK JP Subset',sans-serif; font-weight: 400; }
    #tvpack .note { font-size: 2.8vw;}
    #tvpack .fntsize-ll { font-size: 9vw; color: #eb5505; font-weight: 500;}
    #tvpack .fntsize-periodmt { font-size: 3.4vw; display: block; color: #000; }
    #tvpack .fntsize-l { font-size: 4.8vw;}
    #tvpack .fntsize-l2 { font-size: 7vw;}
    
    #hero-head { background: #000; font-size: 4vw; font-weight: bold; color: #ffeab2!important; text-align: center; padding: 8px 0; }
    #hero-head a { color: #ffeab2!important; }
    #hero { padding-bottom: 10%; color: #fff; background: #e0371a url(/content/dam/au-com/pr/tvpack/images/bg-hero-sp.jpg) no-repeat center top 16.4%; background-size: 100%;  }
    #hero img { width: 100%; }
    #hero p.note { text-align: left; font-size: 3vw; }
    #hero p.note a { color: #fff!important; text-decoration: underline!important; }
    #hero p.note:first-of-type { padding: 0 5%; line-height: 1.6; font-size: 2.8vw; margin-bottom: 0; text-align: center; color: #fff!important; }
    #hero p.note:last-of-type { padding: 0 5%; font-weight: 100;}
    #hero .contentInnercv { padding: 0; }
    #hero ul { padding: 2% 5% 0; font-size: 2.6vw; line-height: 1.6; text-align: left;}
    #hero ul li { padding-left: 2em; text-indent: -2em; font-weight: 100;}
    
    p#mvnote { /**/ }
    p#mvnote a { color: #fff!important; }

    .notice{
      max-width: 84%;
      margin: 5% auto 0;
      background: #fff;
      border: solid 2px #ff0000;
      border-radius: 2vw;
      padding: 5%;
      color: #ff0000;
      text-align: left;
    }
    
    #hero-head img { width: 100%;}
    
    .contentInner { padding: 0 5%; }
    .contentInnercv { padding: 0 5%; }
    
    #c01 .contentInner { padding: 0 4% 0 5%; }
    #c02 .contentInner { padding: 0 7% 0 8%; position: relative; }
    
    
    #c01,#c02,#c04 { background: #fff4e6;}
    #c03,#c04,#faq { background-image: url(/content/dam/au-com/pr/tvpack/images/bg-orange-sp.jpg),url(/content/dam/au-com/pr/tvpack/images/bg-orange2.jpg);
        background-repeat: no-repeat, repeat-y;
        background-position: center top, center top; background-size: 100%,100%;
         }
    #btmnotebox { background: #fff; }
    #c01cv { background: url(/content/dam/au-com/pr/tvpack/images/bg-orange-sp.jpg) no-repeat center top; background-size: 100%; text-align: center; padding-bottom: 13%;  }
    #c04cv { background: url(/content/dam/au-com/pr/tvpack/images/bg-orange-sp.jpg) no-repeat center top; background-size: 100%; text-align: center; padding-bottom: 13%; }
    #changeplan { background: #fff4e6; }
    
    #c01 h2 img { width: 100%; }
    #c01 .c01flexwrap { margin-bottom: 5%; }
    #c01 .c01flexwrap > div h3 img { width: 100%; }
    #c01 .c01flexwrap > div p { color:#666; margin-bottom: 2%; margin-top: -2%; }
    #c01 .c01flexwrap > div > div { background: #fff; border-radius: 1vw; position: relative; /*margin-bottom: 5%;*/ }
    
    #c01 .c01flexwrap > div > div img { width: 100%; }
    #c01 .c01flexwrap > div:nth-child(3) > div img.badge { /*top: 3vw;*/ }
    #c01 .c01flexwrap > div > div img.badge { width: 22%; position: absolute; left: -3vw; top: -4vw; }
    #c01 .c01flexwrap > div > div ul.note { color: #000; margin-top: 0; text-align: left; padding: 0 5% 5%; width: 100%; margin-bottom: 0; }
    #c01 .c01flexwrap > div > div ul.note li { padding-left: 1em; text-indent: -1em; line-height: 1.2; }
    #c01 ul.note { padding: 5% 0 10%; }
    
    #c01cv p.tit { padding: 13% 0 8%}
    #c01cv p.tit img { width: 60%; }
    #c04cv p.tit { padding: 13% 0 8%}
    #c04cv p.tit img { width: 80%; }
    
    #c01 { padding-bottom: 13%; }
    #c02 { padding-bottom: 13%; }
    #c02 h2 { padding: 10% 0 5%; }
    #c02 h2 img { width: 100%; }
    #c03 { padding-bottom: 13%; }
    #c03 h2 { padding-top: 15%; padding-bottom: 10%;}
    #c03 h2 img { width: 66%; }
    
    
    .serviceBox { background: #fff; border-radius: 1vw; margin-bottom: 5%;  }
    .serviceBox a.tgl-service { height: 14vw; line-height: 14vw; padding-left: 5%; display: block; color:#000!important; text-decoration: none!important; }
    .serviceBox a.tgl-service.open {border-bottom: 2px solid #000;}
    .serviceBox a.tgl-service::after { content: '\FF1C'; display: block; font-weight: 100; transform: rotate(-90deg) scale(.8,1.4); position: absolute; top: 0; right: 3%; }
    .serviceBox a.tgl-service.open::after { content: '\FF1C'; font-weight: 100; transform: rotate(90deg) scale(.8,1.4) translate(0, 0); }
    
    .serviceBox a.tgl-service h3 { color: #000!important; font-weight: bold; text-align: left; font-size: 3.4vw; }
    .serviceBox a.tgl-service h3 span { font-size: 4vw; }
    
    .serviceBox .tgl-content { padding: 7% 5%; }
    .serviceBox .tgl-content-inner { text-align: left; }
    .serviceBox .tgl-content-inner img { width: 100%; }
    .serviceBox .tgl-content-inner p { margin-bottom: 5%; }
    .serviceBox .tgl-content-inner a {  }
    .serviceBox .svFlex { /*display: flex; justify-content: space-between;*/ }
    .serviceBox .svFlex > div { width: 94%; margin: 0 auto 3%; }
    .serviceBox .svFlex > div p.cap { text-align: right; font-size: 2.6vw; padding-top: 1vw; }
    .serviceBox .svFlex > div img { width: 100%; }
    .serviceBox .svFlex.ap > div:first-child { text-align: center; width: 70%; margin: 0 auto 3%; }
    
    .serviceBox .tgl-content-inner p.noteservice { font-size: 2.4vw; margin-bottom: 5%; padding-top: 4%; }
    
    #bnr-serv img { width: 100%; }
    #bnr-pr { width: 84%; margin: 0 auto; padding-top: 15%; }
    #bnr-pr img { width: 100%; }
    
    #c04 { padding-bottom: 13%; }
    #c04 h2 { color: #fff; font-size: 5.8vw; padding-top: 15%; font-weight: 300; margin-bottom: 10%; }
    #plntab { margin: 0 auto; }
    #plntab ul { display: flex; justify-content: space-between; align-items: flex-end; padding: 0 5%; }
    #plntab ul li { width: 49%;  }
    #plntab ul li a { display:block; height: 14vw; background: #fff; font-size: 3.6vw; line-height: 14vw; border-radius: 1vw 1vw 0 0; text-decoration: none; color: #000; }
    #plntab ul li a.on { background: #ffe0c7; color: #eb5505;  }
    #plntab ul li a:hover { opacity: .7; }
    #c04innercolor { background: #ffe0c7; padding: 5% 0; }
    #c04innercolor .contentInner { padding-top: 0;}
    
    
    #c01 ul.note { color: #111!important; padding: 3%; }
    #c01 ul.note li { line-height: 1.6; }
    #c01 ul.note li:first-child { margin-bottom: 2%; }
    #chgnote-mxpro ul.note { line-height: 1.4; }
    ul.note { text-align: left; line-height: 2; }
    ul.note li { text-indent: -1em; padding-left: 1em; margin-bottom: 2%; line-height: 1.6; }
    ul.note li.ind-num { position: relative; text-indent: 0; padding-left: 4em; }
    ul.note li.ind-num span.ind { position: absolute; top: 0; left: 0; }
    ul.note li a { display: inline; }
    
    .plan-detail { background: #fff; border-radius: 1vw; padding-bottom: 5%; }
    .logotvpack { width: 74%; margin-top: 8%; }
    .plan-total-charge-sholder p:last-child { line-height: 1.2; }
	
    .dwnarr { display: inline-block; transform: scale(1,.6) rotate(90deg);}
    
    .plan-detail-contents { border: 3px solid #ffac83; border-collapse: separate; margin: 0 5%; }
    .plan-detail-tit { color:#111; padding: 8% 0; }
    .plan-detail-tit h3 { font-size: 4.8vw; margin-bottom: 2%; color: #000; }
    .plan-detail-tit p { font-size: 3.4vw; }
    
    .plan-total {  }
    .plan-total hr { height: 0; border: none; border-bottom: 2px solid #999;}
    
    .autodiscount { font-size: 3.4vw; background: #f2f2f2; text-align: center; display: block; margin: 1% auto; font-weight: bold; }
    
    .plan-total-in {  }
    .plan-total-in > div { }
    .plan-total-in > div:first-child {  padding: 5%; }
    .plan-total-in > div:last-child { padding: 3% 5%; }
    .plan-total-in > div:last-child hr { border-bottom: 1px solid #ccc; margin-top: 3%; margin-bottom: 3%;}
    .plan-total-in .plan-total-note p.note {text-align: left; }
    
    .breakdown-tit { position: relative; background: #e5e5e5; line-height: 12vw; height: 12vw; font-weight: bold; letter-spacing: .3em; }
    .breakdown-tit a { display: block; color: #000; text-decoration: none!important;}
    .breakdown-tit a::after { content: '\FF1C'; display: block; font-weight: bold; transform: rotate(-90deg) scale(0.6,1); position: absolute; top: 0; right: 3%; }
    .breakdown-tit a.open::after { content: '\FF1C'; font-weight: bold; transform: rotate(90deg) scale(0.6,1); }
    
    table.pln-table { width: 100%; }
    table.pln-table tr { border-bottom: 1px solid #ccc; }
    table.pln-table th { display: block; width: 100%; padding: 3%;  vertical-align: middle; font-weight: 700; text-align: center; }
    table.pln-table td { width: 100%; display: block; padding: 3% 0; text-align: center; vertical-align: middle; background: #fff; }
    table.pln-table hr { /*margin: 10px 0; border-bottom: 1px dotted #ccc;*/ display: none; }
    table.pln-table td.cols1 { /*display: flex; justify-content: space-between; align-items: top;*/ padding: 0; }
    table.pln-table td.cols1 > div { padding: 3% 0; }
    table.pln-table td.cols1 > div { border-bottom: 1px solid #ccc; }
    table.pln-table td.cols1 > div:last-child { border-bottom: none; }
    table.pln-table td.cols1 > div { /*display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; */}
    table.pln-table td.cols1 > div > p { width: 100%; }
    
    
    .plan-note { padding: 5%; text-align: left; }
    
    
    #btmnotebox { color:#000; text-align: left; font-size: 2.8vw; padding: 10% 0; }
    #btmnotebox p { font-size: 3.2vw; font-weight: bold; margin-bottom: 3%; }
    #btmnotebox ul { border-bottom: 1px solid #999; padding: 0 0 5% 0; margin-bottom: 5%; }
    #btmnotebox ul li { line-height: 1.6; margin-bottom: 2%; padding-left: 1em; text-indent: -1em; }
    
    #btmnoteboxcv p.tit img { width: 100%; }
    
    .btn-cv { width: 92%; height: 12vw; line-height: 12vw; color:#fff!important; font-weight: 200; font-size: 3.6vw; border: 2px solid #fff; border-radius: 7vw; text-align: center; margin: 0 auto; display: block!important; text-decoration:none!important; background: url(/content/dam/au-com/pr/tvpack/images/arrow-w.png) no-repeat right 5% center; }
    .btn-cv::after {}
    #bnr-serv .slick-list {  }
    #bnr-serv .slick-dots { padding-top: 6%; }
    #bnr-serv .slick-dots > li { width: 2vw; height: 2vw; background: #e8e8e8;  }
    #bnr-serv .slick-dots > li + li { margin-left: 4vw; }
    #bnr-serv .slick-dots > li.slick-active { background: #eb5505; }
    .slick-arrow { position: absolute; top: 80vw; width: 5vw; height: 9vw; display: block; }
    .slick-arrow img { width: 100%; }
    .slick-mb-prev { left: 1vw; }
    .slick-mb-prev img { transform: rotate(180deg); }
    .slick-mb-next { right: 1vw;}
    
    
    #bnr-pr .slick-dots { padding-top: 6%; }
    #bnr-pr .slick-dots > li { width: 2vw; height: 2vw; background: #e8e8e8;  }
    #bnr-pr .slick-dots > li + li { margin-left: 4vw; }
    #bnr-pr .slick-dots > li.slick-active { background: #eb5505; }
    
    #flbn { background: #000; padding: 3%; position: fixed; bottom: 0; width: 100%; z-index: 3; transition: .5s; }
    #flbn a { display: block; height: 12vw; line-height: 12vw; color: #fff!important; text-decoration: none; font-weight: bold; border-radius: 6vw; width: 70%; margin: 0 auto; font-size: 4vw; text-align: center; background-image: url(/content/dam/au-com/pr/tvpack/images/arrow-w.png),linear-gradient(to right, #fe812f, #fd4a24); background-repeat: no-repeat; background-position: right 5% center;}
    #flbn.off { bottom: -16vw; }
    
    .indnum { padding-left: 3em!important; text-indent: 0!important; position: relative; }
    .indnum span { position: absolute; top: 0; left: 0; }
    .indin { display: block; padding-left: 1em!important; text-indent: -1em!important; }
    
    
    #famwari4g { margin-top: 10%; }
    #famwari.subplan-box { margin-top: 10%; }
    #smvcamp,
    #famwaricamp { padding-top: 10%;}
    #smvcamp p,
    #famwaricamp p { margin-bottom: 5%!important; font-size: 3.4vw; }
    .subplan-box { border: 2px solid #e5e5e5; margin: 0 5% 10%; text-align: left; }
    .subplan-box .subplan-tit { background: #e5e5e5; position: relative; height: 12vw; line-height: 12vw; padding-left: 5%; }
    .subplan-box .subplan-tit h3 { position: relative; font-size: 4.2vw; color: #111; }
    #auPay4g.subplan-box .subplan-tit h3,
    #auPay5g.subplan-box .subplan-tit h3 { font-size: 3.6vw; }
    
    #auPay4g .btnOrng { text-align: center; font-size: 3vw; }
    #auPay5g .btnOrng { text-align: center; font-size: 3vw; }
    
    .subplan-box .subplan-tit h3 span { color: #eb5505; font-size: 2.8vw; display: inline-block; padding: 1% 2%; border: 1px solid #eb5505; font-weight: normal; background: #fff; line-height: 1; position: absolute; right: 12%; top: 32%; }
    .subplan-box .subplan-tit h3 span.non  { color: #111; border: 1px solid #fff; }
    
    .subplan-box .subplan-tit a { display: block; line-height: 12vw; height: 12vw; text-decoration: none!important; }
    .subplan-box .subplan-tit a::after { content: '\FF0B'; font-size: 4.2vw; font-weight: bold; color: #111; top: 0;
    right: 4%; position: absolute; }
    .subplan-box .subplan-tit a.open::after { content: '\2015'; font-weight: bold;}
    .subplan-box .subplan-content { padding: 4%; color: #111;  }
    .subplan-box .subplan-content-main { padding: 4%; margin-bottom: 8%; line-height: 1.8;}
    .subplan-box .subplan-content-main .fmplus { line-height: 1.4; }
    
    .subplan-box .subplan-content .fntsize-l { font-size: 3.8vw!important;}
    
    .subplan-termbox { border-top: 1px solid #cbc09e; line-height: 2; margin-top: 2%; }
    .subplan-termbox ul li { text-indent: -1em; padding-left: 1em; border-bottom: 1px solid #cbc09e; word-wrap: break-word; }
    .subplan-termbox ul li div { background: #fff; text-indent: 0; text-align: left; padding: 2%; margin: 3% auto; display: inline-block; position: relative; line-height: 1.5; }
    .subplan-termbox ul li div::after { content:''; position: absolute; left: 50%; top: -9px; display: block;width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 10px 12px;
border-color: transparent transparent #fff transparent;}
    .subplan-termbox ul li p.or { text-align: center; text-indent: 0; font-size: 3vw; font-weight: bold; }
    .subplan-termbox ul li p.or span { display: none;}
    .subplan-termbox ul li p.or::before { content:'\2015'; transform: scale(5,1); text-indent: 0;display: inline-block; transform-origin: center right;}
    .subplan-termbox ul li p.or::after { content:'\2015'; transform: scale(5,1); text-indent: 0;display: inline-block; transform-origin: center left;}
    
    .subplan-box .subplan-content table { margin: 5% 0; border-bottom: 1px solid #c2c2c2; }
    .subplan-box .subplan-content table th { background: #f3f3f3; font-weight: normal; text-align: center; padding: 5% 0; vertical-align: middle; border-top: 1px solid #c2c2c2; display: block; width: 100%; }
    .subplan-box .subplan-content table td { padding: 5% 0; vertical-align: middle; display: block; width: 100%;}
    .subplan-box .subplan-content table td p { margin-bottom: 3%; }
    
    .sbplnCatch { margin-bottom: 4%; }
    .smpwaripara { margin-bottom: 4%; }
    
    p.btm-link { text-align: right; font-size: 2.8vw; margin-top: 3%; }
    
    #btm-note-link { width: 94%; margin: 5% auto; }
    #btm-note-link a { display: block; height: 12vw; border-radius: 6vw; line-height: 11.2vw; 
        border: 2px solid #eb5505;
        color: #eb5505!important;
    text-decoration: none!important;}
    #btm-note-link a::after{ content: '\FF1E'; display: block; top: 0; right: 3%; width: 20px; height: 12vw; line-height: 11vw; position: absolute; transform: scale(1,.6) rotate(90deg); }
    
    #faq,
    #changeplan { padding-bottom: 13%;}
    
    #changeplan h2 {
    color: #111;
    font-size: 5.8vw;
    padding-top: 15%;
    font-weight: 300;
    margin-bottom: 10%;
    }
    
    #faq h2 {
    color: #fff;
    font-size: 5.8vw;
    padding-top: 15%;
    font-weight: 300;
    margin-bottom: 10%;
    }
    #faq ul.link li { background: #fff; border-radius: 1vw; margin-bottom: 5%; z-index: 2; text-align: left; padding: 5% 0; position: relative; z-index: 0; }
    #faq ul.link li::after { content:''; display: block; background: url(../images/bg-shadow-w.png); border-radius: 6px; overflow: hidden; height: 100%; width: 100%; position: absolute; top: 10px; left: 10px; z-index: 0; }
    #faq ul.link a { line-height: 1.6; padding: 5% 8% 5% 5%; display: block; color:#000!important; text-decoration: none!important; z-index: 1;}
    #faq ul.link a::after { content: '\FF1C'; display: block; transform: rotate(180deg) scale(.8,1.4); position: absolute; top: 35%; right: 3%; }
    #faq ul.link a span { color: #000!important; font-weight: bold; text-align: left; font-size: 3.4vw; }
    
    
    a.btnOrng { width: 94%; margin: 5% auto; }
    a.btnOrng { display: block; height: 12vw; border-radius: 6vw; line-height: 11.2vw; 
        border: 2px solid #eb5505;
        color: #eb5505!important;
    text-decoration: none!important;}
    a.btnOrng::after{ content: '\FF1E'; display: block; top: 0; right: 3%; width: 20px; height: 12vw; line-height: 11vw; position: absolute; transform: scale(.6,1); }
    
    #c03worklist { background: #fff4e6; padding-bottom: 5%; }
    #c03worklist h2 { padding: 12% 0 8%; }
    #c03worklist h2 img { width: 74%; }
    #c03worklist h3 {  color:#fff; font-weight: normal; background: #eb5505; height: 8vw; line-height: 8vw; font-size: 4vw; margin: 0 auto 5%; }
    #c03worklist h4 { padding: 5% 0; }
    #c03worklistinner { max-width: 1046px; margin: 0 auto; }
    .workflexwrap { padding-bottom: 5%; }
    .workflexwrap .workflex:last-child { border: none; }
    .workflex { text-align: center; border-bottom: 1px dotted #aaa; padding-bottom: 13%; margin-bottom: 5%; }
    .workflex img { width: 76%; margin: 0 auto 3%; }
    .workflex p { width: 76%; margin: 0 auto; margin-bottom: 4%; text-align: right; font-size: 2.6vw; }
    .workflex > a { width: 80%; display: block; height: 12vw; padding-top: 3.5vw; margin: 0 auto; color: #eb5505!important; border: 1px solid #eb5505; border-radius: 45px; background: url(/content/dam/au-com/pr/tvpack/images/icon-arrw.png) no-repeat right 20px center; background-size: 5%;  }
    .workflex > a:hover { opacity: .7; color: #eb5505; }
    .arrowBox { position: relative; z-index: 5; }
    #c03worklistinner .slick-arrow { position: absolute; top: 17vw; width: 4vw; height: 8vw; display: block; z-index: 1; }
    .slick-prev { left: 4%; background: url(../images/l-ar.png) no-repeat; background-size: 100%; }
    .slick-next { right: 4%; background: url(../images/r-ar.png) no-repeat; background-size: 100%; }

    
  #toolTipList { width: 88%; margin: 0 auto 3%; font-weight: bold; }
  #toolTipList li { font-size: 4vw; text-align: left; line-height: 1.6; position: relative; }
  #toolTipList li a { color: #222!important; display: block; }
  #toolTipList li p a { color:#06a!important; }
  #toolTipList li span.note { font-size: 2.6vw; }
  #toolTipList li img.question { width: 5vw; margin-left: 2%; }
  
  .tooltip { background: #111; position: absolute; top: 100%; transition: 0.3s; opacity: 0; z-index: -1; visibility: hidden; width: 100%; padding: 3%; margin-top: 20px; border-radius: 4px; left: 50%; transform: translateX(-50%);}
  .tooltip.open { z-index: 20; opacity: 1; visibility: visible; }
  .tooltip:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #111 transparent; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -20px;}
  .tooltip__cont > p { color:#fff; text-align: center; padding: 3% 0; font-size: 4vw; font-weight: bold; }
  .tooltip__advantageTtl {  color: #eb5504; }
  .box-action__link { font-size: 3.4vw; line-height: 6vw; display: flex; justify-content: flex-end; }
  .tooltip .box-action__link { justify-content: center; font-weight: normal; }
  .tooltip .box-action__link { margin: 10px 0; }
  .box-action__link a { display: flex; align-items: center; color: #0066aa!important; }
  .tooltip__close { display: block;  background: url(/content/dam/au-com/pr/daznpack/img/modal_ico_close.png) no-repeat center/5vw; cursor: pointer; }
  .tooltip__close { height: 5vw; margin: 3% auto 0; }
  .tooltip__advantage { background: #fff; padding: 15px; }
  .tooltip__advantageImg img { width: 100% }
  .tooltip__advantageTtl { font-size: 5vw; text-align: center; height: 40px; line-height: 40px; font-weight: bold; }
  .tooltip__txt { line-height: 1.8; font-size: 3.4vw; }
  
  .question { width: 5vw;}
  .tablepara { }
  .tablepara p:last-child { font-size: 6vw; font-weight: bold; }

  .footerElem{ padding-bottom: calc(12vw + 6%)!important; background: #f3f3f3;}

  .mb10{margin-bottom: 3%;}
}
    
.view-sp { display: none; }
.view-pc { display: block; }

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

#p4g { display: none; }

#btmnotebox a { display: inline; text-decoration: underline; }
#btmnotebox .fcred a { color: #FF0004!important; }
.bggray1 { background: #f3f3f3; position: relative; }
.bggray1 a { color: #111; text-decoration: none; }
.bgyellow { background: #fff1e6; }

.bgyellow hr { display: block; border-bottom: 1px solid #cbc09e; margin: 10px auto; }

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

.taC { text-align: center!important; }
.taL { text-align: left!important; }
.fwB { font-weight: 700!important; }
td .fwB { font-weight: 500!important; }

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

.tgl-content { display: none; }
/*.subplan-content.tgl-content { display: block; }*/

.slide-up { opacity: 0; transform: translate(0, 120px); transition: .6s; }
.slide-up.in { opacity: 1; transform: translate(0, 0); }


/*///////////////////////////////////////////////*/
.nobdrbtm { border-bottom: none!important; }

/**/

/*
 SNS
----------------------------------------------------------------------------------------------------*/
.socials li {
	margin-left:7px;
	line-height:0;
	float:left;
	width:75px;
}
.socials li:nth-child(1){ width: 75px; overflow: hidden; position: relative;}
.socials li.facebook{width:116px;}
.socials li#linebtn{ width:88px; }

.headL2 {
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	height: 30px;
}

.gn-socials {
	position: absolute;
	right:0;
	top: 0px;
	width:auto!important;
}

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


#socialBox { display: none; padding: 10px; }

@media screen and (max-width: 767px) {

#socialBox { display: block; padding: 10px; }
.headL2 { display: none; }

#sp_social_v2 {
	margin-top: 40px;
	text-align: center;
}

#sp_social_v2 ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 30px 0;
	border: #e5e5e5 1px solid;
	background: #fbfbfb;
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	-o-box-sizing: border-box!important;
	-ms-box-sizing: border-box!important;
	box-sizing: border-box!important;
	font-size: 1.4rem;
	font-weight: bold;
}

#sp_social_v2 ul li {
	display: table-cell;
	padding: 3% 0;
}

#sp_social_v2 ul li:nth-child(2) {
	border-left: #e5e5e5 1px solid;
	border-right: #e5e5e5 1px solid;
}

#sp_social_v2 ul li a { display: block; width: 70%; margin: 0 auto; font-size:75%; }
#sp_social_v2 ul li a img { width: 100%; height: auto; max-width: 104px;  }

#socialBtn {
	border-top:1px solid #e8e8e8;
	padding-top:60px;
	padding-bottom:40px;
}

#socialBtn a { margin-right: 60px; }
#socialBtn a.lastbtn { margin-right: 0; }
#socialBtn a img {
	width:100px;
	height:100px;
}

}


@media screen and (min-width: 0px) and (max-width: 500px) {
	#sp_social_v2 ul li a { display: block; width: 70%; margin: 0 auto; font-size:55%; }
}


#sp_social_v2 {
    margin-top: 10%;
    text-align: center;
}
#sp_social_v2 ul{ 
    border: none;
    background: #fff;
    width: 80%;
    margin: 0 auto; }
#sp_social_v2 ul li:nth-child(2){border:none;}
#sp_social_v2 ul li{ font-size: 3vw; }
#sp_social_v2 ul li a { width: 100%; font-size: 100%; }
#sp_social_v2 ul li a img { margin-bottom: 5%; width: 60%; }