@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');
  }


body a {
    word-break: break-all !important
  }
  #wp {
    position: relative
  }
  img {
    max-width: 100%;
    margin: 0 auto;
    vertical-align: bottom
  }
  #selfpaymentLP {
    position: relative;
    color: #272727;
    /*font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
    font-family:'Noto Sans','Noto Sans JP','Noto Sans CJK JP','Noto Sans CJK JP Subset',sans-serif;
    font-weight: 400;
    line-height: 1.6
  }
  #selfpaymentLP * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .tdU{text-decoration: underline !important;}
  .f_w_bold,.fwB {
    font-weight: bold;
    font-weight: 700;
  }
  .fsS{font-size: 75%;}
  .fcRed{color: #ff0000;}
  .f_c_orange,.fcOrange {
    color: #eb5505
  }
  .f_c_glay {
    color: #a2a2a2
  }
  .f_c_black {
    color: #272727
  }
  .alignL,.taL {
    text-align: left
  }
  .alignC,.taC {
    text-align: center
  }
  .alignR.taR {
    text-align: right
  }
  ul li.ind1 {
    text-align: left;
    position: relative;
    padding-left: 0.5em
  }
  ul li.ind2 {
    text-align: left;
    position: relative;
    padding-left: 1em
  }
  ul li.ind3 {
    text-align: left;
    position: relative;
    padding-left: 1.5em
  }
  ul li.ind4 {
    text-align: left;
    position: relative;
    padding-left: 2em
  }
  ul li.ind5 {
    text-align: left;
    position: relative;
    padding-left: 2.5em
  }
  ul li span.ind {
    position: absolute;
    top: 0;
    left: 0
  }
  
  .dots {
    background-image: radial-gradient(circle at center, orange 20%, transparent 20%); /* 点の色とサイズ調整 */
    background-position: top right; /* 点の位置 */
    background-repeat: repeat-x; /* 横方向に繰り返し */
    background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
    padding-top: .4em; /* 縦方向の位置調整 */
  }
  .tgl-content {
    display: none
  }
  .measureTag {
    height: 60px
  }
  @media screen and (min-width: 768px) {
    .f_s_18 {
      font-size: 18px
    }
    .f_s_16 {
      font-size: 16px
    }
    .f_s_14 {
      font-size: 14px
    }
    .f_s_12 {
      font-size: 12px
    }
    #selfpaymentLP {
      margin: 15px auto 0;
      font-size: 16px;
      background: #F0EBDF ;
      background-size: 40px
    }
    #selfpaymentLP a {
      opacity: 1;
      -webkit-transition: .6s;
      transition: .6s
    }
    #selfpaymentLP a:hover {
      opacity: .6;
      -webkit-transition: .6s;
      transition: .6s
    }
    .noticeAreaBox {
      padding: 50px 20px
    }
    .noticeArea {
      max-width: 920px;
      margin: 0 auto;
      border: 4px solid #e01f14;
      border-radius: 8px;
      padding: 20px;
      text-align: center;
      background-color: #fff
    }
    .footerSiteMap {
      padding-bottom: 120px
    }
    .footerSiteMap.closeFL {
      padding-bottom: 30px
    }
    .attBox2 {
      max-width: 980px;
      margin: 0 auto 20px;
      border: 1px solid #ff0800;
      background-color: #fff;
      padding: 20px;
      color: #ff0800
    }
    .attBox2 .txt {
      margin: 0 auto 20px
    }
    .attBox2 a:link, .attBox2 a:active, .attBox2 a:hover, .attBox2 a:visited {
      color: #ff0800
    }
    .link-window-orange {
      padding-right: 13px
    }
    .link-window-orange::after {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -4.5px;
      background-image: url(/etc.clientlibs/settings/wcm/designs/au-com/clientlib-site/resources/images/icon/icon_sprite.png);
      background-position: -22.5px -100px;
      width: 9px;
      height: 9px;
      background-size: 121px 118px
    }
   
    .titWai {
      font-size: 18px;
      font-weight: bold;
      line-height: 20px;
      margin: 0 auto 10px
    }
    .titWai .titWaiSlashL, .titWai .titWaiSlashR {
      color: #eb5505;
      font-size: 20px;
      font-weight: 900
    }
    .titWai .titWaiSlashL {
      padding-right: 30px
    }
    .titWai .titWaiSlashR {
      padding-left: 30px
    }
    .titWai-lines {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end
    }
    .sup {
      font-size: 10px;
      vertical-align: top;
      position: relative;
      top: -0.1em;
      font-weight: normal !important
    }
    .sub {
      font-size:10px;
      vertical-align: bottom;
      position: relative;
      bottom: 3px;
      font-weight: normal !important
    }
    
    .note {
      font-size: 12px;
      font-weight: normal
    }
    .btn {
      height: 40px;
      line-height: 40px;
      border-radius: 20px;
      max-width: 430px;
      margin: 0 auto;
      display: block;
      text-align: center;
      position: relative;
      font-weight: 700;
      padding-right: 10px;
    }
    .btnCV {color: #272727;background: #fff}
    .btnPlan{background: #F0EBDF;}
    .btnCV:link, .btnCV:hover, .btnCV:active, .btnCV:visited {
      color: #272727
    }
    .btnCV::after,.btnDetail::after, .btnApply::after, .btnTrans::after {
      content: '\FF1E';
      display: inline-block;
      position: absolute;
      right: 12px;
      top: 0;
      -webkit-transform: scale(0.6, 1);
      transform: scale(0.6, 1);
      font-size: 120%;
      font-weight: bold;
      color:#ED6494;
    
    }
    .btnCV.btnBlank::after {
      content: '';
      width: 14px;
      height: 13px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 20px;
      margin: auto 0;
      display: inline-block;
      background: url(../img/icon-blank.webp) no-repeat;
      background-size: 14px;
      transform: none;
    }
    .btnDetail, .btnTrans {
      color: #fff;
      background: #9f8439
    }
    .btnApply {
      color: #fff;
      background: #eb5505
    }
    a.btnCV:link, a.btnCV:hover, a.btnCV:active, a.btnCV:visited, a.btnDetail:link, a.btnDetail:hover, a.btnDetail:active, a.btnDetail:visited, a.btnApply:link, a.btnApply:hover, a.btnApply:active, a.btnApply:visited, a.btnTrans:link, a.btnTrans:hover, a.btnTrans:active, a.btnTrans:visited, a.btnPlan:link, a.btnPlan:hover, a.btnPlan:active, a.btnPlan:visited {
      text-decoration: none
    }
    a.btnCV {
      color: #272727
    }
    a.btnCV:link, a.btnCV:hover, a.btnCV:active, a.btnCV:visited, a.btnPlan:link, a.btnPlan:hover, a.btnPlan:active, a.btnPlan:visited {
      color: #272727
    }
    a.btnDetail, a.btnApply, a.btnTrans {
      color: #fff
    }
    a.btnDetail:link, a.btnDetail:hover, a.btnDetail:active, a.btnDetail:visited, a.btnApply:link, a.btnApply:hover, a.btnApply:active, a.btnApply:visited, a.btnTrans:link, a.btnTrans:hover, a.btnTrans:active, a.btnTrans:visited {
      color: #fff
    }
    .linkBlank {
      position: relative;
      padding-right: 25px;
      padding-left: 0;
      display: inline-block
    }
    .linkBlank::after {
      content: '';
      width: 9px;
      height: 9px;
      position: absolute;
      top: 50%;
      right: 12px;
      margin-top: -4px;
      background: url(../img/icon-blank.webp) no-repeat;
      background-size: 9px
    }
    .cvArea, .cvWide {
      margin: 0 auto 0;
      text-align: center;
      background: #dbd6a6
    }
    .cvArea ul.ulBtn:not(:last-child), .cvWide ul.ulBtn:not(:last-child) {
      margin: 0 auto 20px
    }
    .cvArea ul.ulBtn > li:not(:last-child), .cvWide ul.ulBtn > li:not(:last-child) {
      margin: 0 auto 10px
    }
    .cvArea .cvInner ~ .cvInner, .cvWide .cvInner ~ .cvInner {
      margin: 50px auto 0
    }
    .cvArea {
      padding: 50px 20px 0
    }
    .bnrArea {
      max-width: 580px;
      margin: 60px auto;
      display: block
    }
    
    .linkTxt {
      position: relative;
    }
    .linkTxt:link, .linkTxt:active, .linkTxt:hover, .linkTxt:visited {
      color: #399DD9;
    }
    .linkTxt.iconQ{
      color: #272727;
    font-weight: 700;
    text-decoration: underline;
    }
    .linkTxt.iconQ:link, .linkTxt.iconQ:active, .linkTxt.iconQ:hover, .linkTxt.iconQ:visited {
      color: #272727;
    }
    
    .jump {
      height: 1px;
      display: block;
      padding-top: 60px;
      margin-top: -60px;
      position: relative
    }
    .mt0 {
      margin-top: 0
    }
    .mt10 {
      margin-top: 10px
    }
    .mt20 {
      margin-top: 20px
    }
    .mb0 {
      margin-bottom: 0
    }
    .mb10 {
      margin-bottom: 10px
    }
    .mb20 {
      margin-bottom: 20px
    }
    .mb30 {
      margin-bottom: 30px
    }
    
    .toggleBox {
      position: relative
    }
    .tgl-trig:link, .tgl-trig:hover, .tgl-trig:active, .tgl-trig:visited {
      color: #272727
    }
    /*アコーディオン #c01-03*/
  .toggleBox .ulToggle > li:not(:last-child){margin: 0 auto 30px;}
  .tgl-content{border: solid 1px #399DD9; border-top: none; border-radius: 0 0 10px 10px; margin:0 auto -10px;}
  .tgl-content.tglBD{border: solid 1px #399DD9; border-top: none; border-radius: 0 0 10px 10px; margin:0 auto -10px;}
  .tabContent .tgl-content.tglBD{border: solid 1px #CCA958; border-top: none; background: #F5F0DC;}
  #attentionArea .tgl-content{border: none; border-radius:0; margin:0 auto;}
  
  .ulMerit > li:nth-child(2) .tgl-content.tglBD{border: solid 1px #CCA958; border-top: none; background: #fff;}
  .tgl-content-inner{padding: 30px 49px 20px; }
  .tglBD .tgl-content-inner,#c03 .tgl-content-inner{padding: 30px 20px 20px; text-align: left; }
  .tabContent .tglBD .tgl-content-inner{padding: 20px 10px 10px;}
  #c03 .ulToggle > li:nth-child(3) .tgl-content-inner{padding: 30px 10px 10px;}
  #attentionArea .tgl-content-inner{padding: 50px 0 0; text-align: left;}
  
  .tgl-trig {
    display: block;
    background: #fff;
    border:solid 2px #399DD9;
    border-radius: 10px;
    line-height: 1.2;
    font-weight: bold;
    text-align: left;
    padding:20px 50px;
    margin: 0 auto -10px;
    position: relative;
  }
  .tgl-trig:hover{opacity: 1 !important;}
  
  .tgl-trig.tglBD {  border:solid 2px #B5B5B5;  text-align: center;  }
  #c02-02 .tgl-trig.tglBD {  border:solid 2px #CCA958; }
  #c03 .tgl-trig{text-align: center;}
  #attentionArea .tgl-trig{border:solid 2px #B5B5B5;  text-align: center; }
  .tgl-trig .arrow {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: #eb5505;
    position: absolute;
    top: calc(50% - 12px);
    right: 12px;
  }
  .tgl-trig .arrow::before {
    content: "\FF0B";
    display: block;
    line-height: 24px;
    width: 24px;
    text-align: center;
    position: absolute;
    color: #fff !important;
  }
  .tgl-trig.open .arrow::before {  content: "\FF0D";}
  
    .iconQ img {
      width: 30px;
      margin-left: 5px;
      padding-right: 10px;
      display: inline-block;
      vertical-align: middle
    }
    .ulNote {
      position: relative;
      
    }
    .ulNote li{font-size: 12px;line-height: 1.6}
    .ulNote li:not(:last-child) {
      /*margin: 0 auto 10px*/
    }
    
    .tableBD {
      margin: 0 auto;
      border: solid 1px #eb5505;
      border-radius: 10px;
      line-height: 1.4
    }
    .tableBD table {
      width: 100%;
      margin: 0 auto;
      border-collapse: collapse;
      border-radius: 10px;
      table-layout: auto
    }
    .tableBD table tr th {
      font-size: 13px
    }
    .tableBD table tr th, .tableBD table tr td {
      padding: 8px 10px;
      font-weight: bold;
      text-align: center;
      border-right: solid 1px #eb5505;
      border-bottom: solid 1px #eb5505;
      border-radius: 0;
      background: #f5f4e7
    }
    .tableBD table tr th:last-child, .tableBD table tr td:last-child {
      border-right: none
    }
    .tableBD table tr:first-child th:nth-child(1) {
      border-radius: 10px 0 0 0
    }
    .tableBD table tr:first-child th:nth-child(3) {
      border-radius: 0 10px 0 0
    }
    .tableBD table tr:last-child th, .tableBD table tr:last-child td {
      border-bottom: none
    }
    .tableBD table tr:last-child th:nth-child(1) {
      border-radius: 0 0 0 10px;
      border-bottom: none
    }
    .tableBD table tr:last-child td:nth-child(4) {
      border-radius: 0 0 10px 0
    }
    .tableBD .f_s_small {
      font-size: 12px
    }
    .tableBD .bg_olive {
      background: #e2dfc3
    }
    .tableBD .bg_orange {
      background: #fff1ea
    }
    .tableBD .bg_white {
      background: #fff
    }
  
    .wrapTable{   }
    .wrapTable table{
      width: 100%;
      border-collapse: collapse;
      margin: 0 auto;
      border: solid 1px #399DD9;
    }
    .wrapTable table tr th{
      width: 40%;
      padding: 8px 10px;
      text-align: left;
      border-right: solid 1px #399DD9;
      border-bottom: solid 1px #399DD9;
      border-radius: 0;
      background: #EAF3F8;
  }
  .wrapTable table tr td{
    width: 60%;
    padding: 8px 10px;
    text-align: right;
    border-right: solid 1px #399DD9;
    border-bottom: solid 1px #399DD9;
    border-radius: 0;
    background: #fff;
  }
  .wrapTable table tr.trBgPink th{background: #ED6494; font-weight: bold; color: #fff; line-height: 1.2;}
  .wrapTable table tr.trBgPink td{background: #F2DEE5; font-weight: bold;}
   
  /*PCcontent*/
    #wrapMainvisual {
      width: 100%;
      background: url(../img/bg-mainvisual.webp) no-repeat center top;
    }
    #wrapMainvisual .mainvisual {
      max-width: 980px;
      margin: 0 auto;
    }
    #wrapMainvisual .mainvisual img {
      width: 100%
    }
  
  .cBox{
      max-width: 838px;
      margin: 0 auto;
  }
  .boxContents {
      /*max-width: 980px;*/
      position: relative;
      margin: 0 auto 0;
      padding: 0;
  }

.attArea{
  background-color: #fdeee6;
  max-width: 838px;
  margin: 30px auto 0;
  padding: 20px;
  border: 1px solid #d1d1d1;
}
.attArea .tit{font-weight: bold; margin: 0 auto 10px;}
.attArea .txt{font-size: 12px; margin: 0 auto 10px;}
.attArea .date{font-size: 12px; color: #777;}

  #mainLead{padding: 30px 0;}
  #mainLead .boxContents{
    margin: -30px auto 0;
    background: #fff;
   border-radius: 8px;
   padding: 50px 0;
   text-align: center;
  }
  #mainLead > h2{width: 295px; margin: 0 auto;    position: relative;    z-index: 1;}
  #mainLeads > h2 img{width: 100%;}
  #mainLead .boxContents .img{position: relative; width: 580px; margin: 0 auto;}
  #mainLead .boxContents .img .img-price{
    width: 292px;
    height:126px;
    position: absolute;
    top: 230px;
    left: 18px;
    text-align: center;
  }
  #mainLead .boxContents .img .img-price img{width: 100%;}
  .innerCBox,.inner,#c01-01,#c01-02,#c01-03,#c01-04,#c02-01,#c02-02,#c03-01{position: relative;}
  #c01 {
    background: #64B1E0;
    border-radius: 14px;
    padding: 10px;
  
  }
  #c01 .innerCBox{
   background: #fff;
   border-radius: 10px;
   padding: 10px 0;
  }
  #c01 .innerCBox > .dec-line{
      max-width: 794px;
      height: 10px;
      background: url(../img/dec-c01.webp) no-repeat center top;
      background-size: 100% auto;
      margin: 0 auto;
  }
  #c01 .innerCBox #c01-01 .inner{padding:40px 50px; text-align: center;}
  #c01 .innerCBox #c01-01 .inner .boxBlue{
      background: #EAF3F8;
      max-width: 720px;
      margin: 30px auto 0;
      padding: 30px 0;
      position: relative;    
      border-radius: 38px;
  }
  .img-c01-01-02{
      width: 509px;
      position: relative;
      padding: 10px 0 0;
      margin: 0 auto;
  }
  .img-c01-01-02 .iconQ{
      position: absolute;
      top: -5px;
      right: -30px;
  }
  .img-c01-01-02 .iconQ{margin: 0 auto; padding: 0;}
  .arrow-c01-01{
      position: absolute;
      width: 80px;
      top: -20px;
      left: calc(50% - 40px);
  }
  .img-c01-01-03{
      width: 526px;
      position: relative;
      margin: 0 auto;
  }
  .img-c01-01-03 .img-price{
    width: 244px;
      height: 92px;
      position: absolute;
      top: 79px;
      left: calc(50% - 129px);
  }
  .img-c01-01-03 .img-price img{width: 100%;}
  #c01 .innerCBox #c01-01 .inner .noteBox{margin: 20px auto 0;}
  
  #c01-02{padding: 0 0 30px; max-width: 720px; margin: 0 auto;}
  #c01-02 .boxContents{
    margin: -25px auto 0;
    background: #EAF3F8;
   border-radius: 10px;
   text-align: center;
  }
  #c01-02 > h2{width: 204px; margin: 0 auto;    position: relative;    z-index: 1;}
  #c01-02 > h2 img{width: 100%;}
  #c01-02 .boxContents .inner{  padding: 40px 50px;}
  #c01-02 .boxContents .inner .wrapLead{
    position: relative;
      background: url(../img/dec-c01-02.webp) no-repeat left top;
      background-size: auto 100%;
      background-position: left 15% top;
      padding: 15px 0;  
      margin: 0 auto 10px;
  }
  #c01-02 .boxContents .inner .wrapLead p{line-height: 1.2; font-weight: bold; font-size: 22px;}
  #c01-02 .boxContents .inner .wrapLead p .note{ font-size: 15px; font-weight: 400;}
  #c01-02 .wrapTable + .tit{text-align: left; margin: 30px auto 10px;}
  #c01-02 .noteBox{margin: 20px auto 0; font-size: 12px;}
  
  #c01-03{padding: 0 0 50px; max-width: 720px; margin: 0 auto;}
  #c01-03 .boxContents{
    margin: -25px auto 40px;
    background: #EAF3F8;
   border-radius: 10px;
   text-align: center;
  }
  #c01-03 > h2{width: 295px; margin: 0 auto;    position: relative;    z-index: 1;}
  #c01-03 > h2 img{width: 100%;}
  #c01-03 .boxContents .inner{  padding: 50px 50px;}
  #c01-03 .boxContents .inner .ulSummary{}
  #c01-03 .boxContents .inner .ulSummary li{}
  #c01-03 .boxContents .inner .ulSummary li .tit{
    position: relative;
    background: #fff;
    line-height:24px ;
    border-radius: 12px;
    font-size:16px ;
    font-weight: bold;
    color: #399DD9;
    text-align: center;
  }
  #c01-03 .boxContents .inner .ulSummary li:nth-child(1) .tit .img-blossom{
    display: block;
    position: absolute;
    top: -20px;
    right: 15%;
    width: 90px;
    height: auto;
  }
  #c01-03 .boxContents .inner .ulSummary li .boxTxt{padding: 15px 0; line-height: 1.4; }
  #c01-03 .boxContents .inner .ulSummary li:nth-child(3) .ulPlan{    width: 350px;  margin: 0 auto;}
  #c01-03 .boxContents .inner .ulSummary li:nth-child(3) .ulPlan li{text-align: left; font-size: 14px;}
  #c01-03 .boxContents .inner .ulSummary li:nth-child(5) .em{font-size: 18px; font-weight: bold;}
  #c01-03 .noteBox {font-size: 12px;}
  #c01-03 .boxContents + .noteBox {  margin: 20px auto 30px;  }
  #c01-03 .noteBox .tit{margin: 10px auto 0;}
  #c01-03 .toggleBox .ulToggle > li:nth-child(1) .noteBox {margin: 20px auto 0;}
  
  #c01-04{padding-bottom: 20px;}
  #c01-04 > .tit{background:#EAF3F8 ; font-weight: 900; font-size: 20px; text-align: center; padding: 30px 0; line-height: 1.2; }
  #c01-04 .boxContents,
  #mdl_question1 .boxContents{
    max-width: 720px;
    margin: -10px auto 0;
    background:#fff url(../img/bg-c01-04.webp) repeat;
    border: solid 4px #DDC862;
   border-radius: 16px;
   text-align: center;
  }
  #mdl_question1 .boxContents{}
  #c01-04 .dec-line,#mdl_question1 .dec-line{position: relative;}
  #c01-04 .dec-line::after,#mdl_question1 .dec-line::after{
  content: '';
  width: 100%;
  height: 7px;
  position: absolute;
  left: 0;
  right: 0;
  background: url(../img/dec-line.webp) repeat-x left top;
  background-size: auto 7px;
  }
  #c01-04 .dec-line.line-lid,#mdl_question1 .dec-line.line-lid {
    height: 22px;
    margin: 0 auto;
    border-radius:12px 12px 0 0;
    background:#3B6E56;
  }
  #c01-04 .dec-line.line-lid::after,#mdl_question1 .dec-line.line-lid::after{bottom: 0;}
  #c01-04 .dec-line.line-btm,#mdl_question1 .dec-line.line-btm {
    height: 22px;
    margin: 0 auto;
    border-radius: 0 0 12px 12px;
    background:#3B6E56;
  }
  #c01-04 .dec-line.line-btm::after,#mdl_question1 .dec-line.line-btm::after{top: 0;}
  #c01-04 .inner,#mdl_question1 .inner{padding: 40px 0; position: relative;}
  #c01-04 .inner .koban01,#mdl_question1 .inner .koban01{
    display: block;
    width: 52px;
    height: auto;
    position: absolute;
    top: -35px;
    left: 20%;
  }
  #c01-04 .inner .koban02,#mdl_question1 .inner .koban02{
    display: block;
    width: 107px;
    height: auto;
    position: absolute;
    top: -35px;
    right: 20%;
  }
  #c01-04 .inner h2,#mdl_question1 .inner h2{margin: 0 auto 40px;}
  #c01-04 .inner .lead,#mdl_question1 .inner .lead{font-size: 14px; line-height: 1.4; margin: 0 auto 20px;}
  #c01-04 .inner .ulNote,#mdl_question1 .inner .ulNote{margin: 0 auto 20px;}
  .img-c01-04-01{display: block; width: 290px; margin: 0 auto 20px;}
  
  
  #c02 {
    background: #3A78CC;
    border-radius: 14px;
    padding: 10px;
    margin: -30px auto 0;
  }
  #c02 .wrapH2{
    color: #fff;
    font-weight: 900;
    line-height: 1;
    padding:30px 0 ;
    position: relative;
    text-align: center;
    background-image:url(../img/dec-c02-01-01.webp),url(../img/dec-c02-01-02.webp);
    background-size: 43px auto;
    background-position: left 10px top 10px, right 10px top 10px;
    background-repeat: no-repeat;
  }
  #c02 .wrapH2 .txt{font-size: 18px;font-weight: 900; margin: 0 auto 10px;}
  #c02 .wrapH2 .tit{font-size: 25px;font-weight: 900;}
  #c02 .innerCBox{
   background: #fff;
   border-radius: 10px;
   padding: 10px 0 0;
   }
   #c02 .innerCBox.ntMiner{ margin: -50px auto 0;}
   #c02 .innerCBox > .dec-line{
    max-width: 794px;
    height: 10px;
    background: url(../img/dec-c01.webp) no-repeat center top;
    background-size: 100% auto;
    margin: 0 auto;
  }
  #c02 .boxLead{padding:40px 50px; text-align: center;}
  #c02 .boxLead .noteBox{ margin: 20px auto 40px;}
  #c02 .boxMerit > h3{background: #EAF3F8; line-height: 56px; font-weight: 900; text-align: center;}
  #c02 .boxMerit .inner{padding: 40px 0; max-width: 620px; margin: 0 auto;}
  #c02 .boxMerit .inner .ulMerit > li{text-align: center; margin: 0 auto 50px;}
  #c02 .boxMerit .inner .ulMerit > li:last-child{ margin: 0 auto 0;}
  #c02 .boxMerit .inner .ulMerit > li .titMerit {}
  #c02 .boxMerit .inner .ulMerit > li .txtMerit3{font-size: 20px; font-weight: 700; line-height: 1.4; margin: 0 auto 20px;}
  #c02 .boxMerit .inner .ulMerit > li .txtMerit3 .em{ color: #ED6494;}
  #c02 .boxMerit .inner .ulMerit > li .txtMerit3 + .txt{ margin:0 auto 20px ; width: 550px;}
  #c02 .boxMerit .inner .ulMerit > li .txtMerit3 + .txt + .ulNote { width: 550px; margin: 0 auto; padding: 0 5px;}
  #c02 .boxMerit .inner .ulMerit > li .ulBD > li:not(:last-child){margin: 0 auto 20px; padding-bottom: 20px; border-bottom: solid 1px #B5B5B5; }
  #c021 .boxMerit .inner .ulMerit > li .ulBD > li > .txt{font-weight: 700; margin: 0 auto 10px;}
  #c02 .boxMerit .inner .ulMerit > li .ulBD > li > .noteBox{margin:10px auto 0 ;}
  #c02 .boxCV{background: #EAF3F8; padding: 20px 0; border-radius: 0 0 10px 10px;}
  
  #c02-01 .boxMerit .inner .ulMerit > li .txt-c02-01-01,
  #c02-01 .boxMerit .inner .ulMerit > li .txt-c02-01-02{margin: -25px auto 30px;}
  #c02-01 .boxMerit .inner .ulMerit > li .img-c02-01-02,
  #c02-01 .boxMerit .inner .ulMerit > li .img-c02-01-03{margin: 0 auto 30px;}
  
  #c02-02 .boxLead .img{margin:20px auto ;}
  #c02 #c02-02 .boxMerit > h3{background: #F0EBDF;}
  #c02-02 .boxMerit .inner .ulMerit > li .txt-c02-02-01,
  #c02-02 .boxMerit .inner .ulMerit > li .txt-c02-02-02{margin: -25px auto 30px;}
  #c02-02 .boxMerit .inner .ulMerit > li .img-c02-02-02,
  #c02-02 .boxMerit .inner .ulMerit > li .img-c02-02-03,
  #c02-02 .boxMerit .inner .ulMerit > li .img-c02-02-04{margin: 0 auto 30px;}
  
  /*タブ*/
  .tabArea{}
  .tabArea .ulTab{max-width:620px; display: flex;justify-content: center;align-items: flex-start; margin: 40px auto 0;}
  .tabArea .ulTab li{width: 50%; display: block;}
  .tabArea .ulTab li a{
    display: block;
    height: 40px;
    padding: 0;
    text-decoration: none;
    color: #272727;
    font-weight: 700;
    opacity: 1;
    position: relative;
    border: solid 2px #CCA958;
    border-radius: 10px 10px 0 0;
    background: #F5F0DC;
    line-height: 30px;
    margin: 12px auto 0;
    position: relative;
    font-size: 13px;
    background-image: url(../img/arrow-tab.webp);
    background-position: center bottom 3px;
    background-repeat: no-repeat;
    background-size: 13px auto;
    transition: none !important;
  }
  .tabArea .ulTab li a:hover{transition: none;}
  .tabArea .ulTab li:nth-child(1) a{border-right: none; border-radius: 10px 0 0 0;}
  .tabArea .ulTab li:nth-child(2) a{border-left: none; border-radius: 0 10px 0 0;}
  .tabArea .ulTab li a.cur{opacity: 1;    z-index: 4; color: #ED6494; background: #fff;font-weight: 900; height: 52px; line-height: 48px; margin: 0 auto; border-bottom: none; }
  .tabArea .ulTab li a.cur::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 3%;
    width: 94%;/*線の長さ*/
    height: 2px;/*線の太さ*/
    /*-webkit-transform: translateX(-5%);
    transform: translateX(-5%);位置調整*/
    background-color: #E6E6E6;/*線の色*/
  }
  .tabArea .ulTab li:nth-child(1) a.cur{border-right: solid 2px #CCA958; border-radius: 10px 10px 0 0;}
  .tabArea .ulTab li:nth-child(2) a.cur{border-left: solid 2px #CCA958; border-radius: 10px 10px 0 0;}
  
  .tabArea .tabContent{
    border: solid 2px #CCA958;
    border-top: none;
    background: #fff;
    padding: 0 0 0;
    position: relative;
    border-radius: 0 0 10px 10px;
  }
  .tabArea .tabContent .innerTab{max-width: 1000px; margin: 0 auto; padding: 20px;}
  /*タブ*/
  
  /*TAB内要素*/
  #tab1 .img-c02-02-tab01-01{margin: 0 auto 30px;}
  #tab2 .img-c02-02-tab02-01{margin: 0 auto 30px;}
  #c02-02 .tabArea .ulToggle > li .noteBox{margin: 30px auto 0;}
  
  #c02 #c02-02 .boxCV{background: #EFE9D0; padding: 20px 0;}
  #c02 #c02-02 .boxCV .ulNote{margin: 10px auto 0; max-width: 520px; padding-left: 10px;}
  
  #c03 {
    background: #1C3767;
    border-radius: 14px;
    padding: 10px;
    margin: -30px auto 0;
  }
  #c03 .wrapH2{
    color: #fff;
    font-weight: 900;
    line-height: 1;
    padding:20px 0 ;
    position: relative;
    text-align: center;
    background-image:url(../img/dec-c02-01-01.webp),url(../img/dec-c02-01-02.webp);
    background-size: 43px auto;
    background-position: left 10px top 10px, right 10px top 10px;
    background-repeat: no-repeat;
  }
  #c03 .innerCBox{
   background: #fff;
   border-radius: 10px;
   padding: 0 0 0;
   }
   #c03-01 > .inner{max-width: 620px; margin: 0 auto;}
   .img-c03-01{border-radius: 10px 10px 0 0; overflow: hidden;}
   .img-c03-02{ margin: 30px auto 10px;}
   .img-c03-03{
    width: 580px;
    position: relative;
    margin: 0 auto;
   }
   .img-c03-03 .img-price{
    display: block;
    width: 278px;
    height:102px ;
    position: absolute;
    top: 15px;
    right: 0;
   }
   .img-c03-03 .img-price img{margin: 0 auto; display: block;}
   #c03-01 > .inner .noteBox{margin: 30px auto;}
   #c03-01 > .inner .noteBox + .txt{margin: 0 auto 30px;}
   #c03-01 > .inner .tgl-content .tit{font-weight: 700; margin: 0 auto 10px; font-size: 14px;}
   #c03-01 > .inner .tgl-content .txt{font-size:14px ;}
   #c03-01 > .inner .ulToggle{margin: 0 auto 45px;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .lead{font-size: 18px; font-weight: 700; margin: 0 auto 20px; text-align: center; line-height: 1.4;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .lead .em{color:#ED6494 ;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .ulMerit{display: flex;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .ulMerit li{width: 49%;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .ulMerit li:nth-child(1){margin: 0 1% 0 0;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .ulMerit li:nth-child(2){margin: 0 0 0 1%;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .tgl-content .noteBox {margin: 20px auto 0;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .tgl-content .noteBox .tit{font-weight: 600; font-size: 12px; margin: 0 auto;}
   #c03 .boxCV {
    background: #EAF3F8;
    padding: 20px 0;
    border-radius: 0 0 10px 10px;
  }
  #attentionArea {background: #fff; padding: 20px 0 0; position: relative;}
  #attentionArea .inner{max-width: 838px; margin: 0 auto;}
  #attentionArea .inner .tgl-content-inner{ font-size: 12px; line-height: 1.4;}
  #attentionArea .inner .tgl-content-inner .txt,#attentionArea .inner .tgl-content-inner .ulNote{margin: 0 auto 20px;}
  #attentionArea .inner .tgl-content-inner > .wrapTable{width:400px; margin: 10px 0 20px;}
  .wraptableScrollable{margin: 0 auto 20px;}
  .wraptableScrollable > .wrapTable table{
    width: 100%;
    margin: 0 auto;
    /*border-collapse: separate;
    border-radius: 2vw;
    table-layout: fixed;*/
  }
  .wraptableScrollable > .wrapTable table:nth-child(1){margin: 0 auto 10px;}
  .wraptableScrollable .wrapTable table tr th,.wraptableScrollable .wrapTable table tr td{width:auto; text-align: left !important; padding: 8px 6px;}
    
    
    
    #btnBackTop {
      position: relative;
      text-align: right;
      position: absolute;
      right: 14px;
      top: -82px;
      width: 70px;
      height: 70px;
      display: block
    }
    #btnBackTop img {
      width: 100%
    }
    #btnBackTop a {
      display: block;
      width: 37px;
      height: 37px;
      margin: 0 0 0 auto;
      margin: 0 10px 10px auto;
      position: relative;
      text-align: right
    }
    #floatNavWrap {
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: 0;
      width: 100%;
      -webkit-transition: .6s;
      transition: .6s;
      opacity: 0;
      visibility: hidden
    }
    #floatNavWrap.on {
      z-index: 5;
      opacity: 1;
      display: block;
      visibility: visible
    }
    #floatNav {
      margin: 0 auto
    }
    #floatNav .innerFnav {
      background: #EAF3F8;
      padding: 10px 0;
    }
    #floatNav .ulLnav {
      max-width: 900px;
      margin: 0 auto 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      justify-content:space-between;    
    }
    #floatNav .ulLnav > li {
      width: calc(100% / 3);
      margin: 0 auto;
      line-height: 1.8;
      padding: 0 0.5%;
    }
    #floatNav .ulLnav > li:nth-child(1){padding: 0 0.5% 0 0;}
    #floatNav .ulLnav > li:nth-child(2){padding: 0 0.25%;}
    #floatNav .ulLnav > li:nth-child(3){padding: 0 0 0 0.5%;}
  
    #floatNav .ulLnav > li a {
      max-width: inherit;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    font-weight: 700;
    background: #399DD9;
    border-radius: 21px;
    padding: 0 0 0;
    }
    #floatNav .ulLnav > li a::after {
      content: '\FF1E';
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 0;
      -webkit-transform: scale(0.6, 1);
      transform: scale(0.6, 1);
      font-size: 100%;
      font-weight: 700;
      color: #fff;
    }
  
  
  
    #floatNav .ulLnav > li a:link,#floatNav .ulLnav > li a:hover,#floatNav .ulLnav > li a:active,#floatNav .ulLnav > li a:visited{color: #fff;}
    
    #floatNav .ulLnav > li a .txt{
      display: inline-block;
      position: relative;
      padding: 0 25px 0 35px;
      line-height: 34px;
    }
    #floatNav .ulLnav > li a .txt .iconFlnav{
      display: block;
      width: 30px;
      position: absolute;
      top: calc(50% - 13px);
      left: 0;
    }
    #floatNav .ulLnav > li:nth-child(2) a .txt .iconFlnav{ top: calc(50% - 12px);}
  
  
    #floatNav #titFnav{
      max-width: 900px;
      margin: 0 auto;
    }
    #floatNav #titFnav > span{
      display: block;
    background: #ED6494;
    border-radius: 7px 7px 0 0;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    width: 320px;
    padding: 9px 0;
    text-align: center;
    }
    #floatNav .note{text-align: center; margin: 0 auto;font-size: 10px; line-height: 1;}
  
  
  
    .slide-up {
      opacity: 0;
      -webkit-transform: translate(0, 60px);
      transform: translate(0, 60px);
      -webkit-transition: 1.4s;
      transition: 1.4s
    }
    .slide-up.in {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
    }
    img.close {
      position: absolute;
      top: 0;
      right: 0;
      width: 10%;
      max-width: 70px
    }
    #adMovBox {
      display: none;
      position: fixed;
      top: 0;
      width: 80%;
      margin: 8% 10%;
      height: 0;
      overflow: hidden
    }
    #adMovBoxInner {
      width: 100%;
      max-width: 1024px;
      margin: 0 auto;
      text-align: right;
      overflow: hidden
    }
    #adMovBox.showMov {
      display: block;
      z-index: 1002;
      height: auto;
      overflow: auto
    }
    #adMovBox.showMov iframe {
      width: 100%;
      height: 100%
    }
    #modalBg {
      background: rgba(0, 0, 0, 0.7);
      height: 100vh;
      width: 100%;
      position: fixed;
      z-index: -1;
      top: 0;
      left: 0;
      opacity: 0
    }
    #modalContent, #modalContentCV {
      width: 720px;
      position: absolute;
      left: calc(50% - 360px);
      top: 5vw;
      z-index: -1;
      opacity: 0
    }
    .modalContentInner {
      width: 100%;
      margin: 0 auto;
      max-width: 720px;
      position: relative;
      padding: 30px 8%;
      text-align: left;
      font-size: 16px;
      background: #f5f3e7;
      border-radius: 10px;
    }
    #mdl_question1.modalContentInner{
      padding: 0;
      background:none;    
    }
    .modalContentInner.modalCV {
      padding: 150px
    }
    .modalContentInner.modalCV .titWai {
      text-align: center;
      margin: 0 auto 20px
    }
    .modalContentInner.modalCV .ulBtn > li {
      margin: 0 auto 10px
    }
    .modalContentInner.modalCV .ulBtn > li:last-child {
      margin: 0 auto
    }
    .modalContentInner.modalQ .boxModal > .tit {
      text-align: center;
      font-size: 20px;
      font-weight: 900;
      margin: 0 auto 10px
    }
    .modalContentInner.modalQ .boxModal > .img {
      margin: 0 auto 10px
    }
    #mdl_question1.modalContentInner.modalQ .boxModal > .img, #mdl_question2.modalContentInner.modalQ .boxModal > .img {
      width: 260px;
      margin: 0 auto 20px
    }
    .modalContentInner.modalQ .boxModal {
     /* width: 580px;*/
      margin: 0 auto
    }
    .modalContentInner.modalQ .boxModal > .lead {
      text-align: center;
      margin: 0 auto 20px;
      font-weight: 700;
    }
    .modalContentInner.modalQ .boxModal > .titUl {
      font-weight: bold
    }
    .icon-ex {
      width: 16px;
      line-height: 1;
      font-size: 0;
      margin: -2px auto 0
    }
    .modalContentInner.modalQ .boxModal > .boxKangen {
      width: 580px;
      background: #EFE9D0;
      padding: 20px 35px;
      margin: 0 auto 20px
    }
    .modalContentInner.modalQ .boxModal > .boxKangen .tit {
      font-weight: bold;
      margin: 0 auto 10px
    }
    .modalContentInner.modalQ .boxModal .lead1 {
      font-weight: 600;
      margin: 0 auto 30px;
      text-align: center
    }
    .modalContentInner.modalQ .boxModal .inner {
      margin: 0 auto 20px
    }
    .modalContentInner.modalQ .boxModal .inner > .tit {
      font-weight: bold;
      margin: 0 auto 5px
    }
    .btnCloseR {
      position: absolute;
      top: -45px;
      right: 0;
      width: 6%;
      max-width: 40px
    }
    .btnClose2 {
      position: relative;
      top: auto;
      right: auto;
      width: auto;
      max-width: none
    }
    .btnCloseLect {
      position: relative;
      top: auto;
      right: auto;
      width: auto;
      max-width: none;
      background: #eb5505;
      height: 60px;
      line-height: 60px;
      color: #fff;
      border-radius: 30px;
      max-width: 580px;
      margin: 0 auto;
      display: block;
      text-align: center
    }
    .btnCloseR img {
      width: 100%
    }
    #floatbg {
      display: none;
      text-align: center;
      background: rgba(0, 0, 0, 0.7);
      z-index: 999;
      width: 100%;
      height: 100%;
      height: 100vh;
      position: fixed;
      top: 0
    }
  
  
  
    
  }
  @media (min-width: 1200px) {
    #floatNav, #wrapBtnBackTop {
      padding-left: 180px
    }
    #modalContent, #modalContentCV {
      left: calc(50% - 360px - 90px);
      top: 90px
    }
    .btnCloseR {
      position: absolute;
      top: -70px;
      right: 0;
      width: 10%;
      max-width: 50px
    }
    .btnClose2 {
      position: relative;
      top: auto;
      right: auto;
      width: auto;
      max-width: none
    }
    .btnCloseLect {
      position: relative;
      top: auto;
      right: auto;
      width: auto;
      max-width: none;
      background: #eb5505;
      height: 60px;
      line-height: 60px;
      color: #fff;
      border-radius: 30px;
      max-width: 582px;
      margin: 0 auto;
      display: block;
      text-align: center
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1100px) {
    #floatNav .ulLnav > li a {
      font-size: 1.8vw
    }
    #modalContent, #modalContentCV {
      width: 70%;
      left: 15%;
      top: 90px
    }
    .btnCloseR {
      position: absolute;
      top: -6vw
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1010px) {
    .boxLnav .ulLnav > li:nth-child(3)::before {
      width: 9vw;
      height: 4.6vw;
      position: absolute;
      top: -1.8vw;
      /*background: url(../img/icon-nav.webp) no-repeat;*/
      background-size: 9vw
    }
    #wrapMainvisual .mainvisual {
      padding: 0
    }
  
  
  /*タブ
  .tabArea{}
  .tabArea .ulTab{display: flex;justify-content: center;align-items: flex-start; margin: 0 2% -0.8vw;}
  .tabArea .ulTab li{width: 49%; display: block;}
  .tabArea .ulTab li:nth-child(1){margin: 0 1% 0 0;}
  .tabArea .ulTab li:nth-child(2){margin: 0 0 0 1%;}
  .tabArea .ulTab li a{display: block;padding:5% 0 5%;  text-decoration: none;    color: #fff;    font-weight: bold;position: relative; border: solid .8vw #0f386b; border-bottom:none ; border-radius: 4vw 4vw 0 0; background: #0f386b;font-size: 3vw; font-weight: bold; line-height: 1.2;}
  .tabArea .ulTab li a.cur{opacity: 1;    z-index: 4; color: #0f386b; background: #fff;}
  .tabArea .tabContent{
    border-top: solid 0.8vw #0f386b;
    background: #fff;
    position: relative;
    background-size: 40% auto;
    padding: 10% 0 0;
  }
  .tabArea .tabContent .innerTab{ margin: 0 auto;}
  */
  
    #modalContent, #modalContentCV {
      width: 90%;
      left: 5%;
      top: 90px
    }
  }
  @media screen and (min-width: 768px) and (max-width: 880px) {
    #c01 .innerCBox > .dec-line,
    #c02 .innerCBox > .dec-line {width: 98%;}
  }
  /*SP*/
  @media screen and (min-width: 0px) and (max-width: 767.98px) {
    .view-sp {
      display: block !important
    }
    .view-pc {
      display: none !important
    }
    .contArea {
      padding-top: 0 !important
    }
    #selfpaymentLP {
      font-size: 3.8vw;
      background: #F0EBDF;
      /*background: #dedbc0 url(../img/bg-content_01.webp) repeat left top;
      background-repeat: repeat;
      background-size: 14vw*/
    }
    .noticeAreaBox {
      padding: 5vw
    }
    .noticeArea {
      padding: 5%;
      background: #fff;
      border: 3px solid #e01f14;
      border-radius: 2vw;
      text-align: center
    }
    .footerSiteMap {
      padding: 20px 3% 35vw
    }
    .footerSiteMap.closeFL {
      padding: 20px 3% 15px
    }
    .attBox2 {
      width: 100%;
      margin: 0 auto 5%;
      border: 1px solid #ff0800;
      background-color: #fff;
      padding: 5%;
      color: #ff0800;
      text-align: left
    }
    .attBox2 .tit {
      text-align: center
    }
    .attBox2 .txt {
      text-align: left;
      margin: 0 auto 5%
    }
    .attBox2 a:link, .attBox2 a:active, .attBox2 a:hover, .attBox2 a:visited {
      color: #ff0800
    }
    
    .link-window-orange {
      padding-right: 13px
    }
    .link-window-orange::after {
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -4.5px;
      background-image: url(/etc.clientlibs/settings/wcm/designs/au-com/clientlib-site/resources/images/icon/icon_sprite.png);
      background-position: -22.5px -100px;
      width: 9px;
      height: 9px;
      background-size: 121px 118px
    }
    .mt0 {
      margin-top: 0
    }
    .mt10 {
      margin-top: 3%
    }
    .mt20 {
      margin-top: 5%
    }
    .mb0 {
      margin-bottom: 0
    }
    .mb10 {
      margin-bottom: 3%
    }
    .mb20 {
      margin-bottom: 5%
    }
    .mb30 {
      margin-bottom: 8%
    }
    .slide-up {
      opacity: 0;
      -webkit-transform: translate(0, 100px);
      transform: translate(0, 100px);
      -webkit-transition: .8s;
      transition: .8s;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      -webkit-animation-delay: 1.8s;
      animation-delay: 1.8s
    }
    .slide-up.in {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
    }
    
    .sup {
      font-size: 70%;
      vertical-align: top;
      position: relative;
      top: -0.1em;
      font-weight: normal !important
    }
    .sub {
      font-size: 70%;
      vertical-align: bottom;
      position: relative;
      bottom: 0;
      font-weight: normal !important
    }
    .note {
      font-size: 3.2vw;
      font-weight: normal
    }
    .measureTag {
      min-height: 10vw
    }
  
  
    /**/
    .btnCV {color: #272727;background: #fff}
    .btnPlan{background: #F0EBDF;width: 90% !important;}
    .btnCV:link, .btnCV:hover, .btnCV:active, .btnCV:visited {    color: #272727  }
    .btn {
      height: 12vw;
      line-height: 12vw;
      border-radius: 6vw;
      width: 90%;
      margin: 0 auto;
      display: block;
      text-align: center;
      position: relative;
      font-weight: 700;
      padding-right: 3vw;
    }
    .btn.l2SP{
      line-height: 1.2;
      padding: 1.4vw 3vw 0 0;
    }
  
    .btnCV::after,.btnDetail::after, .btnApply::after, .btnTrans::after {
      content: '\FF1E';
      display: inline-block;
      position: absolute;
      right: 2vw;
      top: 0;
      -webkit-transform: scale(0.6, 1);
      transform: scale(0.6, 1);
      font-size: 120%;
      font-weight: bold;
      color:#ED6494;
      line-height: 12vw;
    
    }
   
    .btnCV.btnBlank::after {
      content: '';
      width: 3vw;
      height: 2.7vw;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 5vw;
      margin: auto 0;
      display: inline-block;
      background: url(../img/icon-blank.webp) no-repeat;
      background-size: 3vw auto;
      transform: none;
    }
    .btnDetail::after, .btnApply::after, .btnTrans::after {
      content: '\FF1E';
      display: inline-block;
      position: absolute;
      right: 3%;
      top: 0;
      -webkit-transform: scale(0.6, 1);
      transform: scale(0.6, 1);
      font-size: 4.4vw;
      font-weight: bold
    }
    .btnDetail:link, .btnDetail:hover, .btnDetail:active, .btnDetail:visited, .btnApply:link, .btnApply:hover, .btnApply:active, .btnApply:visited, .btnTrans:link, .btnTrans:hover, .btnTrans:active, .btnTrans:visited {
      color: #fff
    }
    .btnDetail, .btnTrans {
      color: #fff;
      background: #9f8439
    }
    .btnApply {
      color: #fff;
      background: #eb5505
    }
    a.btnCV:link, a.btnCV:hover, a.btnCV:active, a.btnCV:visited, a.btnDetail:link, a.btnDetail:hover, a.btnDetail:active, a.btnDetail:visited, a.btnApply:link, a.btnApply:hover, a.btnApply:active, a.btnApply:visited, a.btnTrans:link, a.btnTrans:hover, a.btnTrans:active, a.btnTrans:visited, a.btnPlan:link, a.btnPlan:hover, a.btnPlan:active, a.btnPlan:visited {
      text-decoration: none
    }
    a.btnCV {
      color: #272727
    }
    a.btnCV:link, a.btnCV:hover, a.btnCV:active, a.btnCV:visited, a.btnPlan:link, a.btnPlan:hover, a.btnPlan:active, a.btnPlan:visited {
      color: #272727
    }
    a.btnDetail, a.btnApply, a.btnTrans {
      color: #fff
    }
    a.btnDetail:link, a.btnDetail:hover, a.btnDetail:active, a.btnDetail:visited, a.btnApply:link, a.btnApply:hover, a.btnApply:active, a.btnApply:visited, a.btnTrans:link, a.btnTrans:hover, a.btnTrans:active, a.btnTrans:visited {
      color: #fff
    }
    .linkBlank {
      position: relative;
      padding-right: 25px;
      padding-left: 0;
      display: inline-block
    }
    .linkBlank::after {
      content: '';
      width: 9px;
      height: 9px;
      position: absolute;
      top: 50%;
      right: 12px;
      margin-top: -4px;
      background: url(../img/icon-blank.webp) no-repeat;
      background-size: 9px
    }
    .cvArea, .cvWide {
      margin: 0 auto 0;
      text-align: center;
      background: #dbd6a6
    }
    .cvArea ul.ulBtn:not(:last-child), .cvWide ul.ulBtn:not(:last-child) {
      margin: 0 auto 3%
    }
    .cvArea ul.ulBtn > li:not(:last-child), .cvWide ul.ulBtn > li:not(:last-child) {
      margin: 0 auto 3%
    }
    .cvArea .cvInner ~ .cvInner, .cvWide .cvInner ~ .cvInner {
      margin: 8% auto 0
    }
    .cvArea {
      padding: 8vw 3vw 0
    }
  
    .linkTxt {
      color: #399DD9;
    }
    .linkTxt:link, .linkTxt:active, .linkTxt:hover, .linkTxt:visited {
      color: #399DD9;
    }
    .linkTxt.iconQ{
      color: #272727;
    font-weight: 700;
    text-decoration: underline;
    }
  
    .toggleBox {
      position: relative
    }
    .tgl-trig:link, .tgl-trig:hover, .tgl-trig:active, .tgl-trig:visited {
      color: #272727
    }
    /*アコーディオン #c01-03*/
  .toggleBox .ulToggle > li:not(:last-child){margin: 0 auto 5vw;}
  .tgl-content{border: solid .2vw #399DD9; border-top: none; border-radius: 0 0 2vw 2vw; margin:0 auto -2vw;}
  .tgl-content.tglBD{border: solid .2vw #399DD9; border-top: none; border-radius: 0 0 2vw 2vw; margin:0 auto -2vw;}
  .tabContent .tgl-content.tglBD{border: solid .2vw #CCA958; border-top: none; background: #F5F0DC;}
  #attentionArea .tgl-content{border: none; border-radius:0; margin:0 auto;}
  
  .ulMerit > li:nth-child(2) .tgl-content.tglBD{border: solid .2vw #B5B5B5; border-top: none; background: #fff;}
  #c02-02 .ulMerit > li:nth-child(2) .tgl-content.tglBD{border: solid .2vw #CCA958; border-top: none; background: #fff;}
  .tgl-content-inner{padding: 5vw 3vw 5vw; }
  .tglBD .tgl-content-inner,#c03 .tgl-content-inner{padding: 5vw 3vw 3vw; text-align: left; }
  .tabContent .tglBD .tgl-content-inner{padding: 5vw 3vw 3vw;}
  #c03 .ulToggle > li:nth-child(3) .tgl-content-inner{padding: 5vw 3vw 3vw;}
  #attentionArea .tgl-content-inner{padding: 5vw 0 0; text-align: left;}
  
  .tgl-trig {
    display: block;
      background: #fff;
      border: solid 0.4vw #399DD9;
      border-radius: 2vw;
      line-height: 15.2vw;
      font-weight: bold;
      text-align: left;
      padding: 0 10vw 0 5vw;
      margin: 0 auto -2vw;
      position: relative;
      min-height: 16vw;
  }
  .tgl-trig.l2SP {
    line-height: 1.2;
      padding: 3vw 10vw 3vw 5vw;
  }
  .tgl-trig:hover{opacity: 1 !important;}
  
  .tgl-trig.tglBD {  border:solid .4vw #B5B5B5;  text-align: center;  }
  #c02-02 .tgl-trig.tglBD {  border:solid .4vw #CCA958; }
  #c03 .tgl-trig{text-align: center;}
  #attentionArea .tgl-trig{border:solid .4vw #B5B5B5;  text-align: center; }
  .tgl-trig .arrow {
    display: block;
    width: 5vw;
    height: 5vw;
    border-radius: 3vw;
    background: #eb5505;
    position: absolute;
    top: calc(50% - 2.5vw);
    right: 2vw;
  }
  
  .tgl-trig .arrow::before {
    content: "\FF0B";
    display: block;
    line-height: 5vw;
    width: 5vw;
    text-align: center;
    position: absolute;
    top: 0.2vw;
    color: #fff !important;
  }
  .tgl-trig.open .arrow::before {  content: "\FF0D";}
    .iconQ img {
      width: 8vw;
      padding: 0 2vw 0 1vw;
      display: inline-block;
      vertical-align: middle
    }
    .ulNote {
      position: relative;
      line-height: 1.6;
      font-size: 3.2vw
    }
    .ulNote li:not(:last-child) {
      /*margin: 0 auto 5%*/
    }
  
    .tableBD {
      display: none
    }
    #wrapMainvisual {
      width: 100%;
      /*background: #faf7ef url(../img/bg-mainvisual.webp) repeat top left;
      background-size: 10vw*/
    }
    #wrapMainvisual .mainvisual {
      padding:0;
      margin: 0 auto;
    }
    #wrapMainvisual .mainvisual img {
      width: 100%
    }
  
    .wrapTable{   }
    .wrapTable table{
      width: 100%;
      border-collapse: collapse;
      margin: 0 auto;
      border: solid 1px #399DD9;
    }
    .wrapTable table tr th{
      width: 48%;
      padding:3% 2%;
      text-align: left;
      border-right: solid .2vw #399DD9;
      border-bottom: solid .2vw #399DD9;
      border-radius: 0;
      background: #EAF3F8;
      font-size: 3.2vw;
      line-height: 1.4;
  }
  .wrapTable table tr td{
    width: 52%;
    padding:3% 2%;
    text-align: right;
    border-right: solid .2vw #399DD9;
      border-bottom: solid .2vw #399DD9;
    border-radius: 0;
    background: #fff;
    font-size: 3.2vw;
    line-height: 1.4;
  }
  .wrapTable table tr.trBgPink th{background: #ED6494; font-weight: bold; color: #fff; line-height: 1.2;}
  .wrapTable table tr.trBgPink td{background: #F2DEE5; font-weight: bold;}
  
  .ancSP{
    position: absolute;
    top: 34px;
  }
    .cBox{position: relative;}
    .cBox > h2 {
      position: relative;
      margin: 0 auto;
      padding: 0 2vw;
      text-align: center;
      z-index: 1
    }
    .boxContents {
      position: relative;
      margin: 0 auto 0;
      padding: 0;
    }
  
  
  
    /*SPcontent*/
    .attArea{
      background-color: #fdeee6;
      margin: 5vw 3vw 0;
      padding: 5vw;
      border: 1px solid #d1d1d1;
    }
    .attArea .tit{font-weight: bold; margin: 0 auto 3%;}
.attArea .txt{font-size: 3.2vw; margin: 0 auto 3%;}
.attArea .date{font-size: 3.2vw; color: #777;}

    #mainLead{padding: 5vw 3vw 4vw;}
    #mainLead .boxContents{
      margin: -5vw auto 0;
      background: #fff;
     border-radius: 2vw;
     padding:8vw 3vw;
     text-align: center;
    
    }
    #mainLead > h2{width: 100%; margin: 0 auto;    position: relative;    z-index: 1;}
    #mainLeads > h2 img{width: 100%;}
    #mainLead .boxContents .img{position: relative;  margin: 0 auto;}
    #mainLead .boxContents .img .img-price{
        width: 48.6vw;
        height: 21.384vw;
        position: absolute;
        top: 54.2vw;
        left: 1.6vw;
    }
    #mainLead .boxContents .img .img-price img{width: 100%;}
    .innerCBox,.inner,#c01-01,#c01-02,#c01-03,#c01-04,#c02-01,#c02-02,#c03-01{position: relative;}
  
    #c01 {
      background: #64B1E0;
      border-radius: 3vw;
      padding: 2vw;
      margin: 0 3vw;
    }
    #c01 .innerCBox{
     background: #fff;
     border-radius: 2vw;
     padding: 2vw 0;
    }
    #c01 .innerCBox > .dec-line{
        width: 96%;
        height: 3vw;
        background: url(../img/dec-c01-sp.webp) no-repeat center top;
        background-size: 100% auto;
        margin: 0 auto;
    }
    #c01 .innerCBox #c01-01 .inner{padding:5vw 2vw; text-align: center;}
    #c01 .innerCBox #c01-01 .inner .boxBlue{
      background: #EAF3F8;
      margin: 5vw auto 0;
      padding: 5vw 3vw;
      position: relative;
      border-radius: 5vw;
    }
  .img-c01-01-02{
        position: relative;
        padding: 2vw 0 0;
        margin: 0 auto;
  }
  
  .img-c01-01-02 .iconQ{
        position: absolute;
        top: -2vw;
      right: 4vw;
  }
    .img-c01-01-02 .iconQ{margin: 0 auto; padding: 0;}
    .arrow-c01-01{
      position: absolute;
      width: 17vw;
      top: -3.4vw;
      left: calc(50% - 8.5vw);
    }
    .img-c01-01-03{
        position: relative;
        margin: 0 auto;
    }
    .img-c01-01-03 .img-price{
      width: 44vw;
      height: 95px;
      position: absolute;
      top: 15.8vw;
      left: calc(50% - 22.6vw);
    }
    .img-c01-01-03 .img-price img{width: 100%;}
    #c01 .innerCBox #c01-01 .inner .noteBox{margin: 5% auto 0;}
    
    #c01-02{padding: 0 2vw 10vw;  margin: 0 auto;}
    #c01-02 .boxContents{
      margin: -5.4vw auto 0;
      background: #EAF3F8;
     border-radius: 2vw;
     text-align: center;
    }
    #c01-02 > h2{width: 100%; margin: 0 auto;    position: relative;    z-index: 1;}
    #c01-02 > h2 img{width: 100%;}
    #c01-02 .boxContents .inner{ padding: 5vw 3vw;}
    #c01-02 .boxContents .inner .wrapLead{
      position: relative;
      background: url(../img/dec-c01-02.webp) no-repeat left top;
      background-size: auto 100%;
      background-position: left 0% top;
      padding: 3vw 0 2vw;
      margin: 3vw auto 5vw;
    }
    #c01-02 .boxContents .inner .wrapLead p{    line-height: 1.2;
      font-weight: bold;
      font-size: 4.2vw;
      padding-left: 2vw;;}
    #c01-02 .boxContents .inner .wrapLead p .note{ font-size: 3.2vw; font-weight: 400;}
    #c01-02 .wrapTable + .tit{text-align: left; margin: 5% auto 2%;}
    #c01-02 .noteBox{margin: 5% auto 0;font-size: 3.2vw;}
    
    #c01-03{padding: 0 2vw 10vw;  margin: 0 auto;}
    #c01-03 .boxContents{
      margin: -5.4vw auto 8vw;
      background: #EAF3F8;
     border-radius: 2vw;
     text-align: center;
    }
    #c01-03 > h2{width: 100%; margin: 0 auto;    position: relative;    z-index: 1;}
    #c01-03 > h2 img{width: 100%;}
    #c01-03 .boxContents .inner{ padding: 10vw 3vw 5vw;}
    #c01-03 .boxContents .inner .ulSummary{}
    #c01-03 .boxContents .inner .ulSummary li{}
    #c01-03 .boxContents .inner .ulSummary li .tit{
      position: relative;
      background: #fff;
      line-height:8vw;
      border-radius:4vw;
      font-weight: bold;
      color: #399DD9;
      text-align: center;
    }
    #c01-03 .boxContents .inner .ulSummary li:nth-child(1) .tit .img-blossom{
      display: block;
      position: absolute;
      top: -2vw;
      right: 4%;
      width: 18vw;
      height: auto;
    }
    #c01-03 .boxContents .inner .ulSummary li .boxTxt{padding: 5% 0; line-height: 1.4; }
    #c01-03 .boxContents .inner .ulSummary li:nth-child(3) .ulPlan li{text-align:left; font-size: 3.2vw;}
    #c01-03 .boxContents .inner .ulSummary li:nth-child(5) .em{font-size: 4vw; font-weight: bold;}
    #c01-03 .noteBox {font-size:3.2vw;}
    #c01-03 .boxContents + .noteBox {  margin: 5% auto 10%;  }
    #c01-03 .boxContents + .noteBox .tit{margin: 5% auto 0;}
    #c01-03 .toggleBox .ulToggle > li:nth-child(1) .noteBox {margin: 5% auto 0;}
    
    #c01-04{padding-bottom: 5%;}
    #c01-04 > .tit{background:#EAF3F8 ; font-weight:900; font-size:4vw; text-align: center; padding: 4vw 0 6vw; line-height: 1.2; }
    #c01-04 .boxContents,#mdl_question1 .boxContents{
      margin: -3vw 2vw 0;
      background:#fff url(../img/bg-c01-04.webp) repeat;
      border: solid .6vw #DDC862;
     border-radius: 4vw;
     text-align: center;
  
    }
    #mdl_question1 .boxContents{
      margin: 0 auto 0;
    }
    #mdl_question1 .boxContents{}
    
    #c01-04 .dec-line,#mdl_question1 .dec-line{position: relative;}
    #c01-04 .dec-line::after,#mdl_question1 .dec-line::after{
    content: '';
    width: 100%;
    height: 1.4vw;
    position: absolute;
    left: 0;
    right: 0;
    background: url(../img/dec-line.webp) repeat-x left top;
    background-size: auto 1.4vw;
    }
    #c01-04 .dec-line.line-lid,#mdl_question1 .dec-line.line-lid {
      height: 4vw;
      margin: 0 auto;
      border-radius: 3.4vw 3.4vw 0 0;
      background: #3B6E56;
    }
    #c01-04 .dec-line.line-lid::after,#mdl_question1 .dec-line.line-lid::after{bottom: 0;}
    #c01-04 .dec-line.line-btm,#mdl_question1 .dec-line.line-btm {
      height: 4vw;
      margin: 0 auto;
      border-radius: 0 0 3.4vw 3.4vw;
      background: #3B6E56;
    }
    #c01-04 .dec-line.line-btm::after,#mdl_question1 .dec-line.line-btm::after{top: 0;}
    #c01-04 .inner,#mdl_question1 .inner{padding: 10% 0; position: relative;}
    #c01-04 .inner .koban01,#mdl_question1 .inner .koban01{
      display: block;
      width: 12vw;
      height: auto;
      position: absolute;
      top: -7vw;
      left: 8%;
    }
    #c01-04 .inner .koban02,#mdl_question1 .inner .koban02{
      display: block;
      width: 24vw;
      height: auto;
      position: absolute;
      top: -6vw;
      right: 1%;
    }
    #c01-04 .inner h2,#mdl_question1 .inner h2{margin: 0 auto 10%;    width: 74%;}
    #c01-04 .inner .lead,#mdl_question1 .inner .lead{ line-height: 1.4; margin: 0 auto 5%;}
    #c01-04 .inner .ulNote,#mdl_question1 .inner .ulNote{margin: 0 auto 5%;}
    .img-c01-04-01{display: block; width: 70%; margin: 0 auto 5%;}
    
    #c02 {
      background: #3A78CC;
      border-radius: 3vw;
      padding: 2vw;
      margin: -8vw 3vw 0;
    }
    #c02 .wrapH2{
      color: #fff;
      font-weight: 900;
      line-height: 1;
      padding: 3% 0 5%;
      position: relative;
      text-align: center;
      background-image: url(../img/dec-c02-01-01.webp),url(../img/dec-c02-01-02.webp);
      background-size: 8vw auto;
      background-position: left 3vw top 1vw, right 3vw top 1vw;
      background-repeat: no-repeat;
    }
    #c02 .wrapH2 .txt{font-size: 3vw;font-weight: 900; margin: 0 auto 3vw;}
    #c02 .wrapH2 .tit{font-size: 5vw;font-weight: 900; line-height: 1.1;}
  
    #c02 .innerCBox{
     background: #fff;
     border-radius: 2vw;
     padding: 2vw 0 0;
    }
    
    #c02 .innerCBox #c01-01 .inner{padding:5vw 2vw; text-align: center;}
    #c02 .innerCBox.ntMiner{ margin: -9vw auto 0;}
    #c02 .innerCBox > .dec-line{
      width: 96%;
      height: 3vw;
      background: url(../img/dec-c01-sp.webp) no-repeat center top;
      background-size: 100% auto;
      margin: 0 auto;
  }
    #c02 .boxLead{padding:10% 2vw; text-align: center;}
    
    #c02 .boxLead .noteBox{ margin: 5% auto 0;}
    #c02 .boxMerit > h3{background: #EAF3F8; line-height:14vw; font-weight: 900; text-align: center;}
    #c02 .boxMerit .inner{padding: 10% 2vw; margin: 0 auto;}
    #c02 .boxMerit .inner .ulMerit > li{text-align: center; margin: 0 auto 10%;}
    #c02 .boxMerit .inner .ulMerit > li:last-child{ margin: 0 auto 0;}
    #c02 .boxMerit .inner .ulMerit > li .titMerit {}
    #c02 .boxMerit .inner .ulMerit > li .txtMerit3{font-size:4vw; font-weight: 700; line-height: 1.4; margin: 0 auto 5%;}
    #c02 .boxMerit .inner .ulMerit > li .txtMerit3 .em{ color: #ED6494;}
    #c02 .boxMerit .inner .ulMerit > li .txtMerit3 + .txt{    margin: 0 auto 5%;     width: 75vw;      padding: 0 1.6vw 0 0;}
    #c02 .boxMerit .inner .ulMerit > li .txtMerit3 + .txt + .ulNote{width: 76vw; margin: 0 auto; padding: 0 1vw;}
    #c02 .boxMerit .inner .ulMerit > li .ulBD > li:not(:last-child){margin: 0 auto 5%; padding-bottom: 5%; border-bottom: solid 1px #B5B5B5; }
    #c021 .boxMerit .inner .ulMerit > li .ulBD > li > .txt{font-weight: 700; margin: 0 auto 10px;}
    #c02 .boxMerit .inner .ulMerit > li .ulBD > li > .noteBox{margin:5% auto 0 ;}
    #c02 .boxCV{background: #EAF3F8; padding: 8% 0; border-radius: 0 0 2vw 2vw;}
    
    #c02-01 .boxMerit .inner .ulMerit > li .txt-c02-01-01,
    #c02-01 .boxMerit .inner .ulMerit > li .txt-c02-01-02{margin: -5vw auto 5vw;}
    #c02-01 .boxMerit .inner .ulMerit > li .img-c02-01-02,
    #c02-01 .boxMerit .inner .ulMerit > li .img-c02-01-03{margin: 0 auto 5vw;}
    
    #c02 #c02-02 .boxLead {    padding: 5% 2vw 10%;    text-align: center;}
    #c02-02 .boxLead .img{margin:5% auto ;}
    #c02 #c02-02 .boxMerit > h3{background: #F0EBDF;}
    #c02-02 .boxMerit .inner .ulMerit > li .txt-c02-02-01,
    #c02-02 .boxMerit .inner .ulMerit > li .txt-c02-02-02{margin: -5vw auto 2vw;}
    #c02-02 .boxMerit .inner .ulMerit > li .img-c02-02-02,
    #c02-02 .boxMerit .inner .ulMerit > li .img-c02-02-03,
    #c02-02 .boxMerit .inner .ulMerit > li .img-c02-02-04{margin: 0 auto 5vw;}
    
  /*タブ*/
  .tabArea{}
  .tabArea .ulTab{ display: flex;justify-content: center;align-items: flex-start; margin:0 auto 0;}
  .tabArea .ulTab li{width: 50%; display: block;}
  .tabArea .ulTab li a{    
    display: block;
    /* height: 52px; */
    padding: 0;
    text-decoration: none;
    color: #272727;
    font-weight: 700;
    opacity: 1;
    position: relative;
    border: solid .4vw #CCA958;
  
    border-radius: 2vw 2vw 0 0;
    background: #F5F0DC;
    line-height: 1.2;
    padding: 2vw 0 4vw;
    margin: 1.6vw auto 0;
  
    position: relative;
    font-size: 3vw;
    background-image: url(../img/arrow-tab.webp);
    background-position: center bottom 1.6vw;
    background-repeat: no-repeat;
    background-size: 3vw auto;
    transition: none !important;
  }
  .tabArea .ulTab li:nth-child(1) a{border-right: none; border-radius: 2vw 0 0 0;}
  .tabArea .ulTab li:nth-child(2) a{border-left: none; border-radius: 0 2vw 0 0;}
  .tabArea .ulTab li a.cur{
    opacity: 1;
    z-index: 1;
    color: #ED6494;
    background: #fff;
    font-weight: 900;  
    margin: 0 auto;
    border-bottom: none; 
    padding: 4vw 0;
  }
  .tabArea .ulTab li a.cur::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 3%;
    width: 94%;/*線の長さ*/
    height: .4vw;/*線の太さ*/
    /*-webkit-transform: translateX(-5%);
    transform: translateX(-5%);位置調整*/
    background-color: #E6E6E6;/*線の色*/
  }
  .tabArea .ulTab li:nth-child(1) a.cur{border-right: solid .4vw #CCA958; border-radius: 2vw 2vw 0 0;}
  .tabArea .ulTab li:nth-child(2) a.cur{border-left: solid .4vw #CCA958; border-radius: 2vw 2vw 0 0;}
  
  .tabArea .tabContent{
    border: solid .4vw #CCA958;
    border-top: none;
    background: #fff;
    padding: 0 0 0;
    position: relative;
    border-radius: 0 0 2vw 2vw;
  }
  .tabArea .tabContent .innerTab{ margin: 0 auto; padding: 5vw 2vw;}
  /*タブ*/
  
  /*TAB内要素*/
  #tab1 .img-c02-02-tab01-01{margin: 0 auto 5%;}
  #tab2 .img-c02-02-tab02-01{margin: 0 auto 5%;}
  #c02-02 .tabArea .ulToggle > li .noteBox{margin: 5% auto 0;}
  #c02 #c02-02 .boxCV{background: #EFE9D0; padding: 5% 0;}
  #c02 #c02-02 .boxCV .ulNote{margin: 5% 5% 0; }
  
  
  #c03 {
    background: #1C3767;
    border-radius: 3vw;
    padding: 2vw;
    margin: -8vw 3vw 0;
  }
  #c03 .wrapH2{
    color: #fff;
    font-weight: 900;
    line-height: 1;
    padding: 2% 0 4%;
    position: relative;
    text-align: center;
    background-image: url(../img/dec-c02-01-01.webp),url(../img/dec-c02-01-02.webp);
    background-size: 8vw auto;
    background-position: left 3vw top 1vw, right 3vw top 1vw;
    background-repeat: no-repeat;
  }
  #c03 .wrapH2 h2{width: 70%; margin: 0 auto;}
  #c03 .innerCBox{
   background: #fff;
   border-radius: 2vw;
   padding: 0 0 0;
   }
   #c03-01 > .inner{margin: 5% 2vw 0;}
   .img-c03-01{border-radius: 2vw 2vw 0 0; overflow: hidden;}
   .img-c03-02{ margin: 0 auto 5%;}
   .img-c03-03{
    width: 100%;
    position: relative;
    margin: 0 auto;
   }
   .img-c03-03 .img-price{
    display: block;
      width: 50vw;
      height: 30vw;
      position: absolute;
      top: 22vw;
      right: 0;
   }
   .img-c03-03 .img-price img{margin: 0 auto; display: block;}
   #c03-01 > .inner .noteBox{margin: 10% auto;}
   #c03-01 > .inner .noteBox + .txt{margin: 0 auto 10%;}
   #c03-01 > .inner .tgl-content .tit{font-weight: 700; margin: 0 auto 5%; font-size: 3.2vw;}
   #c03-01 > .inner .tgl-content .txt{font-size:3.2vw ;}
   #c03-01 > .inner .ulToggle{margin: 0 auto 10%;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .lead{font-size: 4vw; font-weight: 700; margin: 0 auto 5%; text-align: center; line-height: 1.4;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .lead .em{color:#ED6494 ;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .ulMerit{}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .ulMerit li{width: 100%;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .ulMerit li:nth-child(1){margin: 0 auto 5%;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .ulMerit li:nth-child(2){margin: 0 auto;}
   #c03-01 > .inner .ulToggle > li:nth-child(3) .tgl-content .noteBox {margin: 5% auto 0;}
   #c03-01 > .inner .tgl-content .noteBox .tit{font-weight: 600; font-size: 3.2vw; margin: 0 auto;}
  
   #c03 .boxCV {
    background: #EAF3F8;
    padding: 5% 0;
    border-radius: 0 0 2vw 2vw;
  }
  #attentionArea {background: #fff;padding: 10% 3vw 0; position: relative;}
  #attentionArea .inner{ margin: 0 auto; }
  #attentionArea .inner .tgl-content-inner{ font-size: 3.2vw; line-height: 1.4;}
  #attentionArea .inner .tgl-content-inner .txt,#attentionArea .inner .tgl-content-inner .ulNote{margin: 0 auto 5%;}
  #attentionArea .inner .tgl-content-inner > .wrapTable{ margin: 5% 0;}
  
  .wraptableScrollable{margin: 0 auto 5%;}
  
  .tableScrollable {
    display: block;
    text-align: right;
    margin: 0 0 2% 0;
  }
  .tableScrollable img {
    width: 40vw;
  }
  .wraptableScrollable > .wrapTable{overflow: auto;}
  .wraptableScrollable > .wrapTable table {
    width: 200%;
    margin: 0 auto;
    /*border-collapse: separate;
    border-radius: 2vw;*/
    table-layout: fixed;
    margin: 0 auto 3%;
  }
  /*.wraptableScrollable > .wrapTable table:nth-child(1){margin: 0 auto 3%;}*/
  .wraptableScrollable .wrapTable table tr th,.wraptableScrollable .wrapTable table tr td{width:auto; text-align: left !important; padding: 3% 1%;}
  
    #wrapBtnBackTop {
      position: relative
    }
    #btnBackTop {
      position: absolute;
      text-align: right;
      top: -11vw;
      right: 2vw;
      display: block;
      width: 12vw;
      height: 12vw
    }
    #btnBackTop img {
      width: 100%
    }
    #btnBackTop a {
      display: block;
      width: 37px;
      height: 37px;
      margin: 0 1.4vw 0 auto
    }
    #floatNavWrap {
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: -1;
      width: 100%;
      -webkit-transition: .6s;
      transition: .6s;
      opacity: 0;
      visibility: hidden
    }
    #floatNavWrap.on {
      z-index: 1;
      opacity: 1;
      display: block;
      visibility: visible
    }
    #floatNav {
      width: 100%;
      margin: 0 auto
    }
    #floatNav .fnav-tgl-trig {
      border-radius: 2vw 2vw 0 0;
      padding: 1vw 3vw .5vw 2.6vw;
      background: #eb5505;
      line-height: 1;
      margin: 0 0 -0.1vw 2vw
    }
    #floatNav .fnav-tgl-trig::after {
      content: '\FF1E';
      display: block;
      color: #fff;
      font-weight: bold;
      -webkit-transform: rotate(90deg) scale(0.6, 1);
      transform: rotate(90deg) scale(0.6, 1);
      width: 6vw;
      height: 6vw;
      font-size: 6vw;
      line-height: 1;
      vertical-align: middle;
      text-align: center
    }
    #floatNav .fnav-tgl-trig.open {
      padding: 1vw 2.6vw .5vw 3vw
    }
    #floatNav .fnav-tgl-trig.open::after {
      -webkit-transform: rotate(270deg) scale(0.6, 1);
      transform: rotate(270deg) scale(0.6, 1)
    }
  
  
    #floatNav .innerFnav {
      background: #EAF3F8;
      padding: 1vw 0.8vw 0.6vw;
      border-bottom: solid 2.4vw #D8E7F0;
    }
    #floatNav .ulLnav {
      max-width: 900px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      justify-content:space-between;    
    }
    #floatNav .ulLnav > li {
      width: calc(100% / 3);
      margin: 0 auto;
      line-height: 1.2;
      position: relative;
    }
    #floatNav .ulLnav > li a {
      max-width: inherit;
      display: block;
      width: 98%;
      text-align: center;
      margin: 0 auto;
      height: 13vw;
      line-height: 1.2;
      font-size: 3.2vw;
      font-weight: 700;
      background: #399DD9;
      padding: 0 2vw;
    }
    #floatNav .ulLnav > li:nth-child(3) a {padding: 0 0;}
  
    #floatNav .ulLnav > li a .txt{ 
      display: inline-block;
      width: 100%;
      position: relative;
      display: inline-block;
padding: 1.40em 0 1.35em 9vw;
      background-position: center left;
      background-repeat: no-repeat;
      background-size: 6.4vw auto;
    }


    #floatNav .ulLnav > li:nth-child(1) a .txt{}
    #floatNav .ulLnav > li:nth-child(2) a .txt{    padding: 0.9em 0 0.6em 6vw;}
    #floatNav .ulLnav > li:nth-child(3) a .txt{ padding: 0.9em 0 0.6em 5.2vw; }
  
    #floatNav .ulLnav > li a .txt .iconFlnav{
      display: block;
      width: 6vw;
      position: absolute;
      top: calc(50% - 2.2vw);
      left: 1vw;
    }
    #floatNav .ulLnav > li:nth-child(1) a .txt .iconFlnav{top: calc(50% - 2.4vw);  }
    #floatNav .ulLnav > li:nth-child(2) a .txt .iconFlnav{top: calc(50% - 2.2vw); }
    #floatNav .ulLnav > li:nth-child(3) a .txt .iconFlnav{left: 0.6vw; }
  
    #floatNav .ulLnav > li a:link,#floatNav .ulLnav > li a:hover,#floatNav .ulLnav > li a:active,#floatNav .ulLnav > li a:visited{color: #fff;}
    #floatNav .ulLnav > li a::after {    margin: auto  }
    
  
    #floatNav #titFnav{
      background: #ED6494;
    border-radius: 0 2vw 0 0;
    font-size: 3.2vw;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    width: 66vw;
    padding: 2vw 0;
    text-align: center;
    }
    #floatNav .note{text-align: center; margin: 1% auto 0; font-size: 2.8vw;}
  
  
    
    img.close {
      position: absolute;
      top: 0;
      right: 0;
      width: 10%
    }
    #adMovBox {
      display: none;
      position: fixed;
      top: 0;
      width: 100%;
      margin: 8% 0;
      height: 0;
      overflow: hidden
    }
    #adMovBoxInner {
      width: 100%;
      max-width: 1024px;
      margin: 0 auto;
      text-align: right;
      overflow: hidden
    }
    #adMovBox.showMov {
      display: block;
      z-index: 1002;
      height: auto;
      overflow: auto
    }
    #adMovBox.showMov iframe {
      width: 100%;
      height: 100%
    }
    #modalBg {
      background: rgba(0, 0, 0, 0.7);
      height: 100vh;
      width: 100%;
      position: fixed;
      z-index: -1;
      top: 0;
      left: 0;
      opacity: 0
    }
    #modalContent {
      width: 94%;
      position: absolute;
      left: 3%;
      top: 6vw;
      z-index: -1;
      opacity: 0
    }
    #modalContentCV {
      width: 94%;
      position: absolute;
      left: 3%;
      top: 0;
      z-index: -1;
      opacity: 0
    }
    .modalContentInner {
      width: 100%;
      position: relative;
      padding: 8% 5%;
      text-align: left;
      font-size: 3.8vw;
      background: #f5f3e7;
      border-radius: 2vw;
    }
  #mdl_question1.modalContentInner {
      padding: 0;
      background: none;
  }
    .modalContentInner.modalCV {
      padding: 18% 8%
    }
    .modalContentInner.modalCV .titWai {
      text-align: center;
      margin: 0 auto 5%;
      font-size: 4vw
    }
    .modalContentInner.modalCV .ulBtn > li {
      margin: 0 auto 5%
    }
    .modalContentInner.modalCV .ulBtn > li:last-child {
      margin: 0 auto
    }
    .boxModal, .boxModal .inner {
      position: relative
    }
    .modalContentInner.modalQ .boxModal > .tit {
      text-align: center;
      font-size: 4vw;
      font-weight: bold;
      margin: 0 auto ;
    }
    .modalContentInner.modalQ .boxModal > .img {
      margin: 0 auto 0%;
      width: 80%;
    }
    .modalContentInner.modalQ .boxModal .lead1 {
      font-weight: 700;
      margin: 0 auto 5%;
      text-align: center;
    }
    #mdl_question1.modalContentInner.modalQ .boxModal > .img, #mdl_question12.modalContentInner.modalQ .boxModal > .img {
      width: 80%;
      margin: 0 auto 5%
    }
    .modalContentInner.modalQ .boxModal {
      margin: 0 auto
    }
    .modalContentInner.modalQ .boxModal > .lead {
      text-align: center;
      margin: 0 auto 5%
    }
    .modalContentInner.modalQ .boxModal > .titUl {
      font-weight: bold
    }
    .modalContentInner.modalQ .boxModal > .boxKangen {
      background: #efe9d0;
      padding: 5% 3% 3%;
      margin: 0 auto 8%
    }
    .icon-ex {
      width: 3.8vw;
      line-height: 1;
      font-size: 0;
      margin: -2px auto 0
    }
    .modalContentInner.modalQ .boxModal .inner {
      margin: 0 auto 5%
    }
    .modalContentInner.modalQ .boxModal .inner > .tit {
      font-weight: bold;
      margin: 0 auto 1%
    }
    .btnCloseR {
      position: absolute;
      top: 3vw;
      right: 3%;
      width: 8vw;
      height: 8vw
    }
    .btnClose2 {
      position: relative;
      top: auto;
      right: auto;
      width: auto;
      max-width: none
    }
    .btnCloseLect {
      position: relative;
      top: auto;
      right: auto;
      width: auto;
      max-width: none;
      background: #eb5505;
      height: 14vw;
      line-height: 14vw;
      color: #fff;
      border-radius: 7vw;
      width: 100%;
      margin: 0 auto;
      display: block;
      text-align: center
    }
    .btnCloseR img {
      width: 100%
    }
  }
  .modalContentInner {
    display: none
  }
  .modalContentInner.on {
    display: block
  }
  .modalOn #modalBg {
    z-index: 100;
    opacity: 1
  }
  .modalOn #modalContent, .modalOn #modalContentCV {
    z-index: 101;
    opacity: 1
  }
  #floatNavWrap {
    display: block
  }
  .modalOn #floatNavWrap {
    display: none
  }
  @media screen and (min-width: 0px) and (max-width: 767.98px) {
    #floatbg {
      display: none;
      text-align: center;
      background: rgba(0, 0, 0, 0.7);
      z-index: 999;
      width: 100%;
      height: 100%;
      height: 100vh;
      position: fixed;
      top: 0
    }
    #closefloat {
      cursor: default
    }
  }
  
  /*タブ*/
  .tabArea .tabContent .innerTab#tab1{display: block;}
  .tabArea .tabContent .innerTab#tab2{display: none;}
  /*Animation*/
  
  .fadeInZoomUp {
    opacity: 0
  }
  .fadeInZoomUp.animeOn {
    animation: fadeInZoomUp .5s ease .1s 1 forwards
  }
  
  @keyframes fadeInZoomUp {
    0% {
      opacity: 0.5;
      transform: scale(0.5)
    }
  
    100% {
      opacity: 1;
      transform: scale(1)
    }
  }
  /*スクロール中ホバーを切る*/
  .disable-hover {
    pointer-events: none;
  }