@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600&display=swap&text=0123456789');
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; }/**/
body #contentsWrapper .contArea { color:#333; }

@media screen and (min-width: 768px) {
    body #contentsWrapper .contArea .contentAreaInner { max-width: 980px; margin: 0 auto; }
    .breadcrumb { max-width: 980px; margin: 0 auto!important; }
    
    #hero { text-align: center; }
    #heroinner { text-align: center; background:#f4f4f4; }
    #heroinner p { background: url(../img/bg-head.jpg) repeat-x center; background-size: cover; height: 140px; padding-top: 30px; }
    #heroinner h1 { background:#f4f4f4 url(../img/bg-h1.jpg) no-repeat center center; }
    #heroinner h1 img { max-width: 900px; width: 900px; }
    
    #hero-lead { text-align: center; max-width: 900px; padding: 50px; margin: 0 auto; }
    #hero-lead p { text-align: center; line-height: 1.9; margin-bottom: 40px; font-size: 18px; }
    
    h2 { text-align: center; margin-bottom: 40px; }
    
    .qabox { max-width: 900px; margin: 0 auto 20px; }
    
    .qabox .question { position: relative; }
    .qabox .question img { width: 100%; }
    .qabox .question p { position: absolute; font-size: 32px; color: #fff; font-weight: bold; text-align: left; left: 19%; top: 0; padding-top: 10%; width: 60%; }
    #b02.qabox .question p { text-align: left; left: 48%; top: 0; padding-top: 14%; width: 60%; }
    #b03.qabox .question p { text-align: left; left: 19%; top: 0; padding-top: 12%; width: 60%; }
    #b04.qabox .question p { text-align: left; left: 48%; top: 0; padding-top: 13%; width: 60%; }
    
    
    .qabox .answer { border: 5px solid #f5cfe4; border-top: none; border-radius: 0 0 10px 10px; display: flex; flex-wrap: wrap; align-items: flex-start; padding: 7%; }
    .qabox .answer > div { width: 50%;  }
    .qabox .answer > div.tit { width: 100%; text-align: center; margin-bottom: 50px;}
    .qabox .answer > div.answer-point { width: 100%; display: flex; padding: 11% 6% 6%; background: #fae7f0;  border-radius: 10px; }
    .qabox .answer > div p.answer-text { line-height: 2; font-size: 18px; }
    .qabox .answer > div.tit p { font-size: 24px; font-weight: bold; color: #cb1077; }
    .qabox .answer > div.tit p.answer-catch { font-size: 32px; font-weight: bold; color: #111; }
    .qabox .answer > div.tit p.answer-catch span { font-size: 56px; color: #cb1077; }
    .qabox .answer > div img { width: 90%; margin-left: 10%; }
    .qabox .answer > div p.sorce-note { font-size: 12px; color:#aaa; text-align: center; margin-left: 10%;}
    
    #b02.qabox .answer > div { width: 100%; }
    #b02.qabox .answer > div img { width: 44%; margin: 0; }
    #b02.qabox .answer > div .graph { text-align: center; padding: 50px 0; }
    #b02.qabox .answer > div .graph p { margin: 0; }
    #b02.qabox .answer > div.answer-point { position: relative; margin-top: 8%; }
    #b02.qabox .answer > div.answer-point > p { position: absolute; top: -40px; left: 50%; margin-left: -40px; width: 80px; height: 80px; }
    #b02.qabox .answer > div.answer-point > p img { width: 100%; }
    #b02.qabox .answer > div.answer-point > div { width: 50%; font-size: 14px; line-height: 1.8; }
    #b02.qabox .answer > div.answer-point > div img { width: 90%; margin-left: 10%; }
    
    #bnrarea { text-align: center; padding: 50px 0 115px; }
    #bnrarea a { transition: .5s }
    #bnrarea a:hover { opacity: .6; }
    
    .footerbtm { background: url(/content/dam/au-com/mobile/campaign/gakuwari/2021/u22/reference/img/bg-sakura.jpg) repeat-x; background-size: cover;  text-align: center; padding: 70px 20px; }
    .footerbtm p { color: #fff; font-weight: bold; font-size: 24px; margin-bottom: 20px; margin-top: 20px; }
    .footerbtm ul { max-width: 980px; margin: 0 auto; display: flex; justify-content: center;}
    .footerbtm ul li { width: 48%; max-width: 320px;  margin: 0 1% 30px; font-size: 18px;  }
    .footerbtm ul li a { display: block; height: 60px; line-height: 56px; border-radius: 30px; background: url(/content/dam/au-com/mobile/campaign/gakuwari/2021/u22/reference/img/icon-arrow.png) no-repeat right 10px center; background-size: auto 40%;  border: 2px solid #fff; color:#fff!important; box-shadow: 0 2px 0 2px rgba(0,0,0,.1); font-weight: bold; transition: .3s; }
    .footerbtm ul li:last-child a { background-color: #eb5505; }
    .footerbtm ul li:first-child a { background-color: #cb1077; }
    .footerbtm ul li a span { font-size: 24px; }
    .footerbtm ul li a:hover { opacity: .7; text-decoration: none; }
    .footerbtm > a { text-decoration: underline; }

    .contentAreaBoxWrap { margin: 0 20px; }
    .contentAreaBox { max-width: 980px; margin: 0 auto; }
    /*.trg,
    .plntit { display: block; font-size: 16px; font-weight: bold; text-align: center; height: 77px; line-height: 77px; position: relative; background: #f8dae8; color:#26aac2!important; }*/
    #pttpln .plntit { background: #cb1077; }
    
    #u22 { border: 4px solid #e885b3; border-radius: 3px; max-width: 980px; margin: 0 auto 80px; text-align: center; /*padding-bottom: 50px; */}
    
    #u22 .plntit { background: #e885b3; }
    .plntit { position: relative; margin-bottom: 40px;  }
    .plntit h2 { text-align: center; color: #fff; font-weight: bold; height: 60px; line-height: 60px; font-size: 26px; }
    .plntit > img:first-child { position: absolute; top: -26px; left: -34px; width: 23.458%; }
    .plntit > img:last-child { position: absolute; top: -25px; right: 20px; width: 11.524%; }
    #u22 .plnwrap { margin: 0 38px 50px; padding: 40px 38px; background: #fae7f0; text-align: center; }
    
    .plnwrap h3 { margin-bottom: 40px; }
    .plnwrap h3.sLogo {
    font-size: 30px;
    font-weight: bold;
    color: #595757;
}
    
    #u22 .cvlink a { display: block; height: 60px; line-height: 60px; max-width: 540px; margin: 0 auto; border-radius: 30px; color:#fff!important; text-decoration: none!important; background: #CB1077 url(/content/dam/au-com/mobile/campaign/gakuwari/2021/img/icon-btn-arw.png) no-repeat right 16px center; background-size: auto 18px; font-weight: bold; font-size: 18px; }
    
    #u22 .cvlink2 a { display: block; height: 60px; line-height: 56px; border:2px solid #CB1077; max-width: 540px; margin: 0 auto; border-radius: 30px; color:#CB1077!important; text-decoration: none!important; background: #fff url(/content/dam/au-com/mobile/campaign/gakuwari/2021/img/icon-arrow-p.png) no-repeat right 16px center; background-size: auto 18px; font-weight: bold; font-size: 18px; }
    
    .servicebox { margin-bottom: 40px; }
    .chargebox { margin-bottom: 20px; }
    .chargetxtbox { border-radius: 6px; background: #fff; margin-top: 40px; border: 2px solid #cb1077; overflow: hidden; }
    .chargetxtbox h3 { font-size: 18px; color:#fff; background:#cb1077; text-align: center; padding: 5px; margin-bottom: 0; }
    .chargetxtbox p { font-size: 18px; text-align: center; padding: 20px; }
    .chargetxtbox span.pls { color:#cb1077; }
    #u22 .chargetxtbox a { color:#cb1077; text-decoration: underline; }
    
    .chargecap { padding: 0 20px 30px; font-size: 16px; }
    
    .chargetablebox {margin-bottom: 40px; text-align: left; width: 100%; border-radius: 6px; overflow: hidden; background: #fff; }
    .chargetableboxinner { padding: 0 20px; } 
    .chargetablebox h3 { color: #fff; text-align: center; font-size: 16px; margin-bottom: 0; line-height: 40px; }
    .chargetable { text-align: left; width: 100%; }
    .chargetable th.head { color: #fff; font-weight: bold; text-align: center; font-size: 16px; }
    .chargetable th { height: 50px; vertical-align: middle; padding: 0 15px; font-size: 18px; border-bottom: 1px solid #b2b2b2; width: 60%; }
    .chargetable.lmt th {width: 40%; }
    .chargetable td { background: #fff; height: 50px; vertical-align: middle; padding: 0 15px; font-size: 14px; text-align: right;  border-bottom: 1px solid #b2b2b2; }
    .chargetable td.c1 { min-width: 100px; max-width: 140px; white-space: nowrap}
    .chargetable td.c2 { min-width: 210px; max-width: 220px; white-space: nowrap}
    /*.chargetable tr.fmpls td{ border-bottom: 1px dotted #b2b2b2; }*/
    
    .chargetable tr:last-child th { border-bottom: none; }
    .chargetable tr:last-child td { border-bottom: none; }
    
    .chargetable td span.charge { font-size: 18px; font-weight: bold;}
    .chargetable td span.intax { font-size: 80%; }
    .chargetable td p.precharge { font-weight: bold; font-size: 36px; text-align: center; padding: 5px 0;}
    .chargetable td p.precharge span { font-size: 24px; }
    .chargetable td p.precharge span.tax { font-weight: normal; font-size: 18px; }
    
    #u22 .chargetablebox h3 { background: #e885b3; }
    #u22 .chargetable th { background: #fff; }
    .termbox { text-align: left; padding: 20px 0; margin-bottom: 40px; }
    .termbox p { line-height: 1.8; font-size: 14px; color: #ff0800; }
    
    .noteArea { max-width: 980px; margin: 0 auto; padding: 60px 0; }
    .noteArea p { font-size: 12px; margin-bottom: 3px; font-weight: bold; padding-top: 50px; border-top: 1px solid #ccc; margin-bottom: 20px;  }
    .noteArea p.noBorder{padding-top:0; border-top:none;}
    
    .plnNote { font-size: 12px; padding: 0 0 50px; }
    .plnNote li { margin-bottom: 6px; line-height: 1.6; position: relative; padding-left: 1em; }
    .plnNote li.ind3 { padding-left: 3em; }
    .plnNote li.ind5 { padding-left: 5em; }
    .plnNote li.ind8 { padding-left: 8em; }
    .plnNote li span.ind { position: absolute; top: 0; left: 0; }
    
    #fltbninner { padding: 15px 15px 15px 15px; position: fixed; bottom: 0; left: 0; width: 100%; background-image: linear-gradient(rgb(110, 27, 74) 0%, rgb(182, 71, 149) 100%); text-align: center; 
    z-index: 1;}
    #fltbninner ul { display: flex; justify-content: center; margin: 0 auto; position: relative; }
    #fltbninner ul li { width: 40%; max-width: 340px; margin: 0 1.5%; }
    #fltbninner ul li a { display: block; background: #e885b3 url(/content/dam/au-com/mobile/campaign/gakuwari/2021/img/icon-arrow.png) no-repeat right 10px center; background-size: auto 40%; width: 100%; color:#fff!important; border: 1px solid #fff; font-weight: bold; text-align: center; color: #fff; height: 40px; line-height: 40px; border-radius: 20px; 
        border-top: 1px solid #ed9dc2; 
        border-bottom: 1px solid #e885b3;  
        border-left: 1px solid #e885b3; 
        border-right: 1px solid #e885b3; 
        box-shadow: 0 0 2px 2px #983979; font-size: 14px; text-decoration: none!important; transition: .3s; opacity: 1; }
    #fltbninner ul li a img { height: 60%;}
    #fltbninner ul li a:hover { opacity: .7; }
    .btn-pageTop {
        bottom: 80px!important;
    }
}
@media screen and (min-width: 1199px){}

@media screen and (max-width: 1199px) and (min-width: 768px) {}

@media screen and (max-width: 980px) and (min-width: 768px) {
    #heroinner h1 { background:#f4f4f4 url(../img/bg-h1.jpg) no-repeat right center; }
    .qabox .answer { padding: 5%; }
    .qabox .question p { font-size: 3.6vw; }
    .qabox .answer > div.tit p.answer-catch { font-size: 4vw; font-weight: bold; color: #111; }
    .qabox .answer > div.tit p.answer-catch span { font-size: 6vw; color: #cb1077; }
}
@media screen and (min-width: 1199px){ 
    #fltbninner { padding: 15px 20px 15px 200px;  }
}


@media screen and (max-width: 767px) and (min-width: 0px) {
    #hero { text-align: center; }
    #heroinner { text-align: center; background:#f4f4f4; }
    #heroinner p img { width: 100%; }
    #heroinner h1 img { width: 100%; }
    
    #hero-lead { text-align: center; padding: 10% 5%; margin: 0 auto; }
    #hero-lead p { text-align: center; line-height: 2; margin-bottom: 5%; font-size: 3.9vw; text-align: left; }
    
    h2 { text-align: center; margin-bottom: 5%; }
    h2 img { width: 70%; }
    
    .qabox { max-width: 900px; margin: 0 3% 5%; }
    
    .qabox .question { position: relative; }
    .qabox .question img { width: 100%; }
    .qabox .question p { position: absolute; font-size: 4.5vw; color: #fff; font-weight: bold; text-align: left; left: 9%; top: 0; padding-top: 10%; width: 60%; }
    #b02.qabox .question p { text-align: left; left: 46%; top: 0; padding-top: 17%; width: 50%; }
    #b03.qabox .question p { text-align: left; left: 9%; top: 0; padding-top: 14%; width: 60%; }
    #b04.qabox .question p { text-align: left; left: 46%; top: 0; padding-top: 17%; width: 50%; }
    
    
    .qabox .answer { border: 3px solid #f5cfe4; border-top: none; border-radius: 0 0 10px 10px; display: flex; flex-wrap: wrap; align-items: flex-start; padding: 7%; }
    .qabox .answer > div { width: 100%; }
    .qabox .answer > div.tit { width: 100%; text-align: center; margin-bottom: 5%;}
    .qabox .answer > div .graph { padding: 5% 0 0;}
    .qabox .answer > div p.answer-text { line-height: 2; font-size: 3.6vw; }
    .qabox .answer > div.tit p { font-size: 3.6vw; font-weight: bold; color: #cb1077; }
    .qabox .answer > div.tit p.answer-catch { font-size: 5vw; font-weight: bold; color: #111; margin-top: 5%; }
    .qabox .answer > div.tit p.answer-catch span { font-size: 8vw; color: #cb1077; }
    .qabox .answer > div img { width: 100%; }
    .qabox .answer > div p.sorce-note { font-size: 3vw; color:#aaa; text-align: left; }
    
    #b02.qabox .answer > div { width: 100%; }
    #b02.qabox .answer > div img { width: 100%; margin: 0; }
    #b02.qabox .answer > div .graph { text-align: center; padding: 5% 0; }
    #b02.qabox .answer > div .graph p { margin: 0; }
    
    #b02.qabox .answer > div.answer-point { width: 100%; padding: 6% 0 0; background: #fae7f0;  border-radius: 10px;  }
    #b02.qabox .answer > div.answer-point { position: relative; margin-top: 8%; }
    #b02.qabox .answer > div.answer-point > p { position: absolute; top: -7vw; left: 50%; margin-left: -7vw; width: 14vw; height: 14vw; }
    #b02.qabox .answer > div.answer-point > p img { width: 100%; }
    #b02.qabox .answer > div.answer-point > div { width: 100%; font-size: 3.4vw; line-height: 1.8; }
    #b02.qabox .answer > div.answer-point > div p { padding: 6%;  }
    #b02.qabox .answer > div.answer-point > div img { width: 100%; }
    
    #bnrarea { text-align: center; padding: 12% 5% 15%; }
    #bnrarea img { width: 100%; }
    
    .footerbtm img { width: 50%; }
    .footerbtm { background: #00f5f5 url(/content/dam/au-com/mobile/campaign/gakuwari/2021/u22/reference/img/bg-sakura-sp.jpg) repeat-x; background-size: cover; padding: 10% 0; text-align: center;}
    .footerbtm > img { width: 42%;}
    .footerbtm p { color: #fff; font-weight: bold; font-size: 4.2vw; margin-bottom: 3%; margin-top: 3%; }
    .footerbtm ul { max-width: 980px; margin: 0 auto; }
    .footerbtm ul li { width: 80%; margin: 0 auto 2%;  }
    .footerbtm ul li a { display: block; height: 12vw; line-height: 12vw; color:#24a2bf!important; font-weight: bold; border-radius: 6vw; background: #fff url(/content/dam/au-com/mobile/campaign/gakuwari/2021/u22/reference/img/icon-arrow.png) no-repeat right 3vw center; background-size: auto 40%;  border: 2px solid #fff; color:#fff!important; box-shadow: 0 .5vw 0 .3vw rgba(0,0,0,.1); font-size: 3.6vw; }
    .footerbtm ul li a img { height: 44%; width: auto; }
    .footerbtm ul li:last-child a { background-color: #eb5505; }
    .footerbtm ul li:first-child a { background-color: #cb1077; }
    .footerbtm ul li a span { font-size: 4.4vw; }
    
    #fltbninner { width: 100%; padding: 3% 2%; position: fixed;bottom: 0; left: 0; width: 100%; background-image: linear-gradient(rgb(110, 27, 74) 0%, rgb(182, 71, 149) 100%); text-align: center; z-index: 1;}
    #fltbninner ul { display: flex; justify-content:space-between; flex-wrap: wrap; }
    #fltbninner ul li { width: 48%; margin: 0; }
    #fltbninner ul li a { display: block; width: 100%;  background: #e885b3 url(/content/dam/au-com/mobile/campaign/gakuwari/2021/img/icon-arrow.png) no-repeat right 1vw center; background-size: auto 40%; border: 1px solid #fff; color:#fff; text-align: center; height: 11vw; line-height: 11vw; border-radius: 6vw; 
        border-top: 1px solid #ed9dc2; 
        border-bottom: 1px solid #e885b3; 
        border-left: 1px solid #e885b3; 
        border-right: 1px solid #e885b3; 
        box-shadow: 0 0 1vw 1vw #983979;  font-size: 3vw; text-decoration: none!important; position: relative; text-align: center; /*padding-left: 10%;*/}
    #fltbninner ul li:last-child a { line-height: 1.4; padding-top: 1.1vw; padding-left: 23%; text-align: left;  }
    #fltbninner ul li a img { height: 40%; position: absolute; top: 3vw; left: 2.4vw; }
    
    #u22 { border: 4px solid #e885b3; border-radius: 1vw; margin: 0 3% 10%; text-align: center; /*padding-bottom: 10%; */}
    
    #u22 .cvlink2 a { display: block; height: 12vw; line-height: 12vw; width: 90%; border:2px solid #CB1077; max-width: 540px; margin: 0 auto; border-radius: 6vw; color:#CB1077!important; text-decoration: none!important; background: #fff url(/content/dam/au-com/mobile/campaign/gakuwari/2021/img/icon-arrow-p.png) no-repeat right 16px center; background-size: auto 4vw; font-weight: bold; font-size: 3.2vw; }
    
    #u22 .cvlink a { display: block; height: 12vw; line-height: 12vw; width: 90%; max-width: 540px; margin: 0 auto; border-radius: 6vw; color:#fff!important; text-decoration: none!important; background: #CB1077 url(/content/dam/au-com/mobile/campaign/gakuwari/2021/img/icon-btn-arw.png) no-repeat right 16px center; background-size: auto 4vw; font-weight: bold; font-size: 3.2vw; }
    
    #u22 .plntit { background: #e885b3; padding: 2% 0; }
    .plntit { position: relative; margin-bottom: 40px;  }
    .plntit h2 { text-align: center; color: #fff; font-weight: bold; margin-bottom: 0; font-size: 3.8vw; line-height: 1.2; }
    .plntit > img:first-child { position: absolute; top: 12%; left: 3%; width: 20%; }
    .plntit > img:last-child { position: absolute; top: -27%; right: 3%; width: 20%; }
    
    #u22 .plnwrap { margin: 0 3% 10%; padding: 8% 5%; background: #fae7f0; text-align: center; }
    
    .servicebox { margin-bottom: 5%; }
    .chargebox { margin-bottom: 5%; }
    .chargebox img { width: 100%; }
    
    .servicebox { position: relative; }
    .servicebox img { max-width: 820px; width: 100%; }
    .servicebox a { display: block; width: 50%; height: 12%; position: absolute; left: 10%; bottom: 4%; background: rgba(255,255,255,.6); opacity: 0;  }
    .servicebox a:hover { opacity: 1;  }
    .plnwrap h3 { margin-bottom: 30px; }
    .plnwrap h3#h3-22-01 img { width: 52%; }
    .plnwrap h3.sLogo {
    font-size: 5vw;
    font-weight: bold;
    color: #595757;
}
    
    .chargetxtbox { border-radius: 6px; background: #fff; margin-top: 5%; border: 2px solid #cb1077; overflow: hidden; }
    .chargetxtbox h3 { font-size: 3.6vw; color:#fff; background:#cb1077; text-align: center; padding: 2%; margin-bottom: 0; }
    .chargetxtbox p { font-size: 3.4vw; text-align: center; padding: 4%; }
    .chargetxtbox span.pls { color:#cb1077; }
    
    #u22 .chargetxtbox a { color:#cb1077; text-decoration: underline; }
    .chargecap { padding: 0 0 8%; font-size: 2.7vw; }
    
    .chargetablebox {margin-bottom: 5%; text-align: left; width: 100%; border-radius: 6px; overflow: hidden; background: #fff; }
    .chargetableboxinner { padding: 0 4%; } 
    .chargetablebox h3 { color: #fff; text-align: center; font-size: 3.4vw; margin-bottom: 0; line-height: 40px; }
    .chargetable { text-align: left; width: 100%; }
    .chargetable th.head { color: #fff; font-weight: bold; text-align: center; font-size: 3.4vw; }
    .chargetable th { vertical-align: middle; padding: 0; font-size: 3.6vw; border-bottom: 1px solid #b2b2b2; width: 50%; }
    .chargetable td { background: #fff; vertical-align: middle; padding: 2% 0; font-size: 2.6vw; text-align: right;  border-bottom: 1px solid #b2b2b2; }
    /*.chargetable tr.fmpls td{ border-bottom: 1px dotted #b2b2b2; padding: 2% 0; }*/
    
    .chargetable tr:last-child th { border-bottom: none; }
    .chargetable tr:last-child td { border-bottom: none; }
    
    .chargetable td span.charge { font-size: 3vw; font-weight: bold;}
    .chargetable td span.intax { font-size: 80%; }
    .chargetable td p.precharge { font-weight: bold; font-size: 6vw; text-align: center; padding: 5px 0;}
    .chargetable td p.precharge span { font-size: 4vw; }
    .chargetable td p.precharge span.tax { font-weight: normal; font-size: 18px; }
    
    #u22 .chargetablebox h3 { background: #e885b3; }
    #u22 .chargetable th { background: #fff; }
    
    .noteArea { padding: 5%;  margin: 0 auto; padding-top: 5%; }
    .noteArea p { font-size: 2.6vw; margin-bottom: 3%; font-weight: bold; }
    .noteArea p.noBorder{padding-top:0; border-top:none;}
    .plnNote { font-size: 2.6vw; padding: 0 0 5%; }
    .plnNote li { margin-bottom: 1%; line-height: 1.6; position: relative; padding-left: 1em; }
    .plnNote li.ind3 { padding-left: 3em; }
    .plnNote li.ind5 { padding-left: 5em; }
    .plnNote li.ind8 { padding-left: 8em; }
    .plnNote li span.ind { position: absolute; top: 0; left: 0;  }
    
    .termbox { text-align: left; padding: 3% 0; margin-bottom: 5%; }
    .termbox p { line-height: 1.8; font-size: 3vw; color: #ff0800; }
}
    
.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; }
}

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

.bgW { background: #fff!important;}

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

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

.slick-dots > li { background: #fff!important; }
.slick-dots > li.slick-active { background: #001b45!important; }

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

#simarea .slick-slide { opacity: .7; }
#simarea .slick-slide.slick-current { opacity: 1;}

/*///////////////////////////////////////////////*/

#tab0,#tab1{ transition: opacity .3s linear; }


/**/

/*
 SNS
----------------------------------------------------------------------------------------------------*/

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

.headL2 { display: none; }

#socialBox { display: flex; justify-content: center; align-items: center; padding: 70px 0; }
#socialBox p { text-align: center; font-size: 16px; color: #777; padding-right: 10px; }
#sp_social_v2 { text-align: center; max-width: 200px; display: block; }
#sp_social_v2 ul { box-sizing: border-box!important; }
#sp_social_v2 ul li {
	width: 24%;
    display: inline-block;
    margin-right: 3%;
    margin-left: 3%;
	box-sizing: border-box!important;
}

#sp_social_v2 ul li img { width: 90%; }
#sp_social_v2 ul li a { color: #fff!important; text-decoration: none!important; }



@media screen and (max-width: 767.98px) {
    #socialBox { display: block; padding: 10vw 0; }
    #socialBox p { text-align: center; font-size: 4vw; font-weight: bold; color: #777; margin-bottom: 3%; padding: 0; }
    #sp_social_v2 { text-align: center; max-width: 80%; width: 54%; margin: 0 auto; display: block; }
}

@media screen and (max-width: 400px) and (min-width: 0px) {
    #sp_social_v2 ul {
    font-size:2.8vw;
    }
}


.plnwrap {
    text-align: center;
}