@charset "utf-8";

.sp {
  display: none;
}

.pc {
  display: block;
}


body {
  font-family: Meiryo;
}

#wrap {
  clear: both;
  margin: 0 auto;
  text-align: left;
}

#mainArea {
  display: block;
}

@media (min-width: 768px) {
  #mainArea {
    display: flex;
    gap: 0 40px;
    justify-content: center;
  }
}



#content {
  border-top: 2px solid #0c6d0e;
}

/*---------------------------------------------
Common Style
---------------------------------------------*/
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* float
---------------------------------------------*/
.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

/* font-weight
---------------------------------------------*/
.fw {
  font-weight: 600 !important;
}

.fwn {
  font-weight: 400 !important;
}

/* text-align
---------------------------------------------*/
.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

/*---------------------------------------------
04. common
---------------------------------------------*/
.m0 {
  margin: 0 !important;
}

.mat0 {
  margin-top: 0 !important;
}

.mat1 {
  margin-top: 1em !important;
}

.mat5 {
  margin-top: 5px !important;
}

.mat10 {
  margin-top: 10px !important;
}

.mat15 {
  margin-top: 15px !important;
}

.mat20 {
  margin-top: 20px !important;
}

.mat25 {
  margin-top: 25px !important;
}

.mat30 {
  margin-top: 30px !important;
}

.mat40 {
  margin-top: 40px !important;
}

.mat50 {
  margin-top: 50px !important;
}

.mab0 {
  margin-bottom: 0 !important;
}

.mab1 {
  margin-bottom: 1em !important;
}

.mab5 {
  margin-bottom: 5px !important;
}

.mab10 {
  margin-bottom: 10px !important;
}

.mab15 {
  margin-bottom: 15px !important;
}

.mab20 {
  margin-bottom: 20px !important;
}

.mab25 {
  margin-bottom: 25px !important;
}

.mab30 {
  margin-bottom: 30px !important;
}

.mab40 {
  margin-bottom: 40px !important;
}

.mab50 {
  margin-bottom: 50px !important;
}

.mar0 {
  margin-right: 0 !important;
}

.mar1 {
  margin-right: 1em !important;
}

.mar5 {
  margin-right: 5px !important;
}

.mar10 {
  margin-right: 10px !important;
}

.mar15 {
  margin-right: 15px !important;
}

.mar20 {
  margin-right: 20px !important;
}

.mar30 {
  margin-right: 30px !important;
}

.mar40 {
  margin-right: 40px !important;
}

.mal0 {
  margin-left: 0 !important;
}

.mal1 {
  margin-left: 1em !important;
}

.mal5 {
  margin-left: 5px !important;
}

.mal10 {
  margin-left: 10px !important;
}

.mal15 {
  margin-left: 15px !important;
}

.mal20 {
  margin-left: 20px !important;
}

.mal30 {
  margin-left: 30px !important;
}

.p0 {
  padding: 0 !important;
}

.pat0 {
  padding-top: 0 !important;
}

.pat1 {
  padding-top: 1em !important;
}

.pat5 {
  padding-top: 5px !important;
}

.pat10 {
  padding-top: 10px !important;
}

.pat15 {
  padding-top: 15px !important;
}

.pat20 {
  padding-top: 20px !important;
}

.pat25 {
  padding-top: 25px !important;
}

.pat30 {
  padding-top: 30px !important;
}

.pat40 {
  padding-top: 40px !important;
}

.pat50 {
  padding-top: 50px !important;
}

.pab0 {
  padding-bottom: 0 !important;
}

.pab1 {
  padding-bottom: 1em !important;
}

.pab5 {
  padding-bottom: 5px !important;
}

.pab10 {
  padding-bottom: 10px !important;
}

.pab15 {
  padding-bottom: 15px !important;
}

.pab20 {
  padding-bottom: 20px !important;
}

.pab25 {
  padding-bottom: 25px !important;
}

.pab30 {
  padding-bottom: 30px !important;
}

.pab40 {
  padding-bottom: 40px !important;
}

.pab50 {
  padding-bottom: 50px !important;
}

.par0 {
  padding-right: 0 !important;
}

.par1 {
  padding-right: 1em !important;
}

.par5 {
  padding-right: 5px !important;
}

.par10 {
  padding-right: 10px !important;
}

.par15 {
  padding-right: 15px !important;
}

.par20 {
  padding-right: 20px !important;
}

.par30 {
  padding-right: 30px !important;
}

.pal0 {
  padding-left: 0 !important;
}

.pal1 {
  padding-left: 1em !important;
}

.pal5 {
  padding-left: 5px !important;
}

.pal10 {
  padding-left: 10px !important;
}

.pal15 {
  padding-left: 15px !important;
}

.pal20 {
  padding-left: 20px !important;
}

.pal30 {
  padding-left: 30px !important;
}

.p20 {
  padding: 20px !important;
}

.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.fw {
  font-weight: bold !important;
}

.fwn {
  font-weight: normal !important;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px !important;
}

.f22 {
  font-size: 22px !important;
}

.f32 {
  font-size: 32px !important;
}

.ffm {
  font-family: Meiryo;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.b0 {
  border: 0 !important;
}

.crim {
  color: #f00;
}

.red {
  color: #c00;
}

.white {
  color: #fff !important;
}

.white a:hover {
  color: #fff;
  text-decoration: underline !important;
}

.black {
  color: #000 !important;
}

.black a:hover {
  color: #000;
  text-decoration: underline !important;
}

.hand {
  cursor: pointer;
}

.tdnone {
  text-decoration: none !important;
}

.tdul {
  text-decoration: underline !important;
}

.w950 {
  width: 950px;
  margin: 0 auto;
}

.h100 {
  height: 100px;
}

/*---------------------------------------------
00. point wrap
---------------------------------------------*/
#pointArea {
  font-size: 117%;
  max-width: 830px;
}

#pointArea .section {
  position: relative;
}

#pointArea .section h4 {
  padding: 5px 10px;
  background: #f2f2f2;
  font-weight: bold;
}

#pointArea .section .block {
  padding: 20px;
  border: none;
}

#pointArea .section .radLT {
  position: absolute;
  left: -1px;
  top: -1px;/zoom: 1;
}

#pointArea .section .radRT {
  position: absolute;
  right: -1px;
  top: -1px;/zoom: 1;
}

#pointArea .section .radRB {
  position: absolute;
  right: -1px;
  bottom: -1px;/zoom: 1;
}

#pointArea .section .radLB {
  position: absolute;
  left: -1px;
  bottom: -1px;/zoom: 1;
}

#pointArea .section .set1 {
  position: relative;
  min-height: 117px;
  height: auto !important;
  height: 117px;
}

#pointArea .section .set1 .leftBox {
  padding-right: 266px;
}

#pointArea .section .set1 .fig {
  position: absolute;
  right: 10px;
  top: 10px;
}

#pointArea .section .set2 {
  position: relative;
  min-height: 119px;
  height: auto !important;
  height: 119px;
}

#pointArea .section .set2 .leftBox {
  padding-right: 309px;
}

#pointArea .section .set2 .fig {
  position: absolute;
  right: 10px;
  top: 10px;
}

#pointArea .section .set3 {
  position: relative;
  min-height: 122px;
  height: auto !important;
  height: 122px;
}

#pointArea .section .set3 .leftBox {
  padding-right: 477px;
}

#pointArea .section .set3 .fig {
  position: absolute;
  right: 10px;
  top: 10px;
}

#pointArea .section .set3 ul {
  height: 110px;
}

#pointArea .section .attent {
  padding: 20px 20px 20px 50px;
  border: 1px solid #c90;
  background: #fff9cc url("../images/i_attent.gif") no-repeat 15px 15px;
}

#pointArea .section .attent dt {
  font-weight: bold;
}

#pointArea .section .attent li {
  padding-left: 20px;
  background: url("../images/i_rd_br.gif") no-repeat left 0.42em;
}

#pointArea #pointHead {
  border: 1px solid #e5e5e5;/zoom: 1;
}

#pointArea #pointHead h3 {
  width: auto;
  height: 175px;
  padding: 20px;
  background: url("/point/images/bg_head.jpg") no-repeat right top;
  border-bottom: 1px solid #e5e5e5;
}

#pointArea #pointHead h3 img {
  width: 620px;
}

#pointArea #pointHead a {
  font-weight: bold;
}

#pointArea #useTpoint {
  border: 1px solid #e5e5e5;/zoom: 1;
  margin-top: 30px;
}

#pointArea #useTpoint .greenTitle {
  background: #023f98;
  padding: 10px;
  color: #ffffff;
}

#pointArea #useTpoint .greenTitle h3 {
  font-size: 24px !important;
  font-weight: 700;
}

#pointArea #useTpoint dl {
  padding: 10px;
  background: #f2f2f2;
}

#pointArea #useTpoint dt {
  font-weight: bold;
}

#pointArea #useTpoint .disc li {
  background: url("../images/i_rd_gray.gif") no-repeat left 0.42em;
}

#pointArea #together {
  border: 1px solid #e5e5e5;/zoom: 1;
  margin-top: 30px;
}

#pointArea #together .greenTitle {
  background: #023f98;
  padding: 10px;
  color: #ffffff;
}

#pointArea #together .greenTitle h3 {
  font-size: 24px !important;
  font-weight: 700;
}

#pointArea #together #flowBox {
  position: relative;
  height: 480px;
  width:750 px;
  margin-top: 20px;
  background: #f2f2f2 url("/point/images/p_point_flow.gif") no-repeat center 15px;
  background-size:100%;
}

#pointArea #together #flowBox ul {
  position: relative;
  left: 50%;
  top: 396px;
}
#pointArea #together #flowBox li img {
  width: 350px !important;
  margin-left:20px;
}
#pointArea #together #flowBox li.first {
  position: absolute;
  left: -390px;
  top: 0;
}

#pointArea #together #flowBox li.last {
  position: absolute;
  left: 0;
  top: -30px;
  width: 500px;
}

#pointArea #july3 table {
  width: 910px;
  margin: 0 auto;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

#pointArea #july3 table th {
  padding: 10px 0;
  font-weight: bold;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  vertical-align: middle;
}

#pointArea #july3 table td {
  padding: 10px 0;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  vertical-align: middle;
}

#pointArea #july3 table .tbHead th {
  background: #999;
  color: #fff;
}

#pointArea #july3 table .tb2 {
  background: #fafdf8;
}

#pointArea #july3 table .tb3 {
  background: #f0f8e9;
}

#pointArea #july3 table .tb4 {
  background: #ecf6e3;
}

#pointArea #july3 table th.tb3 {
  background: #f0f8e9 url("../point/images/i_point_tri_down.gif") no-repeat center top;
}

#pointArea #faq {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;/zoom: 1;
  margin-top: 30px;
}

#pointArea #faq .greenTitle {
  background: #023f98;
  padding: 10px;
  color: #ffffff;
}

#pointArea #faq .greenTitle h3 {
  font-size: 24px !important;
  font-weight: 700;
}

#pointArea #faq dl {
  padding: 13px 0px 0px;
  border-bottom: 1px solid #e5e5e5;
  �@
}

#pointArea #faq dt {
  padding-left: 35px;
  padding-bottom: 12px;
  background: url("../images/i_q.gif") no-repeat 15px 0.1em;
  color: #0748a1;
  cursor: pointer;
  zoom: 1;
}

#pointArea #faq dt:hover {
  text-decoration: underline;
}

#pointArea #faq dd {
  display: none;
  border-top: 1px solid #e5e5e5;
  margin: 0px 0px 0px 0px;
  padding: 15px 25px 15px 68px;
  background: #fdf2f6 url("../images/i_a.gif") no-repeat 40px 15px;
  zoom: 1;
}

#pointArea #faq dd p {
  margin-bottom: 6px;
}

#pointArea #faq dd a.ar {
  padding-left: 17px;
  background: url("../point/images/i_ar.gif") no-repeat 0 0.25em;
  color: #333;
  font-weight: bold;
}






@media (max-width: 768px) {

  .sp {
    display: block;
  }

  .pc {
    display: none;
  }


  body {
    width: 100%;
    min-width: 200px;
    overflow-x: hidden;
    font-family: "���C���I", Meiryo, sans-serif;
  }

  #wrap {
    clear: both;
    text-align: left;
    width: 100% !important;
  }

  .ffm {
    font-family: "���C���I", Meiryo, sans-serif;
  }

  .f16 {
    font-size: 14px !important;
  }

  .f32 {
    font-size: 22px !important;
  }

  .w950 {
    width: 95%;
  }

  .fl {
    float: none;
  }

  .fr {
    float: none;
  }

  .mal20 {
    margin-left: 10px !important;
  }

  .mar40 {
    margin-right: 20px !important;
  }

  .clearfix:after,
  .scroll ul:after {
    content: " ";
    clear: both;
    display: block;
    height: 0;
  }


  .manage {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
  }

  .manage a {
    color: #000;
  }

  .manage dt {
    font-weight: bold;
  }

  address {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
  }

  #pagetop {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 100;
  }


  /*---------------------------------------------
00. point wrap
---------------------------------------------*/
  .column1 {
    width: 100%;
  }

  /*---------------------------------------------
00. point wrap
---------------------------------------------*/
  #pointArea {
    font-size: 117%;
    width: 95%;
    margin: 0 auto;
  }

  #pointArea .section {
    position: relative;
    border: 1px solid #e5e5e5;/zoom: none;
  }

  #pointArea #pointHead h3 {
    width: 100%;
    height: auto !important;
    padding: 0;
    padding-bottom: 20px !important;
  }

  #pointArea #pointHead h3 img {
    width: 95%;
  }

  #pointArea .section .set1 {
    position: relative;
    min-height: 117px;
    height: auto !important;
    height: 117px;
  }

  #pointArea .section .set1 .leftBox {
    padding-right: 0px;
  }

  #pointArea .section .set1 .fig {
    position: relative;
    text-align: center;
    left: 1%;
  }

  #pointArea .section .set2 {
    position: relative;
    min-height: 119px;
    height: auto !important;
    height: 119px;
  }

  #pointArea .section .set2 .leftBox {
    padding-right: 0px;
  }

  #pointArea .section .set2 .fig {
    position: relative;
    text-align: center;
    left: 1%;
  }

  #pointArea .section .set3 {
    position: relative;
    min-height: 122px;
    height: auto !important;
    height: 122px;
  }

  #pointArea .section .set3 .leftBox {
    padding-right: 0;
  }

  #pointArea .section .set3 .fig {
    position: relative;
    text-align: center;
    left: 1%;
  }

  #pointArea .section .set3 .fig img {
    width: 100%;
  }

  #pointArea .section .set3 ul {
    height: auto;
  }

  #pointArea .section .attent {
    padding: 20px 10px;
    border: 1px solid #c90;
    background: #fff9cc url("../images/i_attent.gif") no-repeat 15px 15px;
  }

  #pointArea .section .attent dt {
    font-weight: bold;
  }

  #pointArea .section .attent li {
    padding: 10px 0;
    background: url("../images/i_rd_br.gif") no-repeat left 0.42em;
  }

  #pointArea #pointHead h3 {
    width: auto;
    height: 167px;
    padding: 20px 0 0 23px;
    background: url("../point/images/bg_head.jpg") no-repeat right top;
    border-bottom: 1px solid #e5e5e5;
  }

  #pointArea #pointHead a {
    font-weight: bold;
  }

  #pointArea #useTpoint dl {
    padding: 10px 20px;
    background: #f2f2f2;
  }

  #pointArea #useTpoint dt {
    font-weight: bold;
  }

  #pointArea #useTpoint .disc li {
    padding-left: 0px;
    background: url("../images/i_rd_gray.gif") no-repeat left 0.42em;
  }

  #pointArea #useTpoint .greenTitle h3 {
    font-size: 16px !important;
  }

  #pointArea #together #flowBox {
    position: relative;
    height: auto !important;
    width: 100%;
    margin-top: 20px;
    background: #f2f2f2;
    padding: 10px;
  }

  #pointArea #together #flowBox img {
    width: 100%;
  }

  #pointArea #together #flowBox ul {
    position: absolute;
    left: 0%;
    top: 0px;
  }

#pointArea #together #flowBox li img {
  width: 100% !important;
  margin-left:20px;
}
  #pointArea #together #flowBox li.first {
    position: absolute;
    left: 0px;
    top: 0;
  }

  #pointArea #together #flowBox li.last {
    position: absolute;
    left: 0px;
    top: -20px;
    width: 100%;
  }
  
  
  


  

  #pointArea #together .greenTitle h3 {
    font-size: 16px !important;
  }

  #pointArea #july3 table {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
  }

  #pointArea #july3 table th {
    padding: 10px 0;
    font-weight: bold;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    vertical-align: middle;
  }

  #pointArea #july3 table td {
    padding: 10px 0;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    vertical-align: middle;
  }

  #pointArea #july3 table .tbHead th {
    background: #999;
    color: #fff;
  }

  #pointArea #july3 table .tb2 {
    background: #fafdf8;
  }

  #pointArea #july3 table .tb3 {
    background: #f0f8e9;
  }

  #pointArea #july3 table .tb4 {
    background: #ecf6e3;
  }

  #pointArea #july3 table th.tb3 {
    background: #f0f8e9 url("../point/images/i_point_tri_down.gif") no-repeat center top;
  }

  #pointArea #faq .greenTitle h3 {
    font-size: 16px !important;
  }

  #pointArea #faq dl {
    padding: 13px 0px 0px;
    border-bottom: 1px solid #e5e5e5;
    �@
  }

  #pointArea #faq dt {
    padding: 0 10px 10px 10px;
    background: url("../images/i_q.gif") no-repeat 15px 0.1em;
    color: #0748a1;
    cursor: pointer;
    zoom: 1;
  }

  #pointArea #faq dt:hover {
    text-decoration: underline;
  }

  #pointArea #faq dd {
    display: none;
    border-top: 1px solid #e5e5e5;
    margin: 0px 0px 0px 0px;
    padding: 15px 10px 15px 10px;
    background: #fdf2f6 url("../images/i_a.gif") no-repeat 40px 15px;
    zoom: 1;
  }

  #pointArea #faq dd p {
    margin-bottom: 6px;
  }

  #pointArea #faq dd a.ar {
    padding-left: 17px;
    background: url("../point/images/i_ar.gif") no-repeat 0 0.25em;
    color: #333;
    font-weight: bold;
  }