@charset "utf-8";
/*===========================
ui3207
===========================*/

.ui3207 .fwb {
  font-weight: bold;
}

/* common_TopContent */

.ui3207 .TopContent {
  clear: both;
}

.ui3207 .TopContent p,
.ui3207 .TopContent h2,
.ui3207 .TopContent h3,
.ui3207 .TopContent h4,
.ui3207 .TopContent ul,
.ui3207 .TopContent ol,
.ui3207 .TopContent li,
.ui3207 .TopContent dl,
.ui3207 .TopContent dt,
.ui3207 .TopContent dd {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1.7;
}

.ui3207 .TopContent h2 {
  background: url(bg_box.png) repeat-x;
  border-radius: 6px 6px 0 0;
  padding: 10px;
  text-align: center;
}

.ui3207 .TopContent p {
  padding-bottom: 20px;
}

.ui3207 .TopContent p:last-child {
  padding-bottom: 0;
}

.ui3207 .TopContent strong {
  color: #C00;
  font-weight: bold;
}

.ui3207 .TopContent img {
  vertical-align: bottom;
}

.ui3207 .TopContent .img_t01 {
  float: right;
}

.ui3207 .TopContent .img_t02 {
  margin: 0 auto 20px;
  float: right;
  display: block;
  clear: both;
}

.ui3207 .TopContent .img_t03 {
  background: #ffffff;
  /*padding: 0 0 30px 20px;*/
  margin: 0 auto 20px;
  text-align: center;
  display: block;
}

.ui3207 table {
  border-collapse: collapse;
  border: #060 solid 1px;
}

.ui3207 th {
  padding: 10px;
  background-color: #e5f2cc;
  font-weight: bold;
  text-align: center;
  border: #060 solid 1px;
  border-right: #060 double 3px;
}

.ui3207 td {
  padding: 10px;
  background-color: #FFF;
  text-align: center;
  border-bottom: #060 solid 1px;
}

.ui3207 tr td.TdFirst {
  border: #060 dotted 1px;
}

/* TitContent */

.ui3207 .tit {
  background: #99CC33;
  margin: 0 auto 30px;
  border-radius: 6px;
  padding-bottom: 10px;
}

.ui3207 .tit .explain {
  background: #fff;
  margin: 0 10px;
  border-radius: 6px;
  padding: 25px;
  display: flex;
}

.ui3207 .tit .explain img {
  float: none;
}


/* MainContent */

.ui3207 .main {
  background: #99CC33;
  margin: 0 auto;
  padding: 10px;
  border-radius: 0 0 6px 6px;
}

.ui3207 .main ol {
  margin: 0 0 20px 20px;
  list-style: decimal;
}

.ui3207 .mainDetails {
  background: #fff;
  margin: 0 auto;
  border-radius: 6px;
  padding: 15px;
}

.ui3207 .main .qaBox {
  margin: 0 0 15px 0;
}

.ui3207 .main .trigger {
  padding: 0 0 15px 0;
  cursor: pointer;
}

.ui3207 .main .trigger button {
  margin: 0 0 0 35px;
}

.ui3207 .main button:hover {
  opacity: 0.8;
}

.ui3207 .main .tq,
.ui3207 .main .ta {
  margin: 0 0 5px 0;
  font-size: 1.7rem;
  font-weight: bold;
  font-family: Meiryo, メイリオ, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

.ui3207 .main .tq {
  padding: 9px 5px 5px 42px;
  background: url(icon_q.png) #fcedd2 no-repeat 10px .75em;
}

.ui3207 .main .ta {
  padding: 5px 5px 5px 42px;
  background: url(icon_a.png) no-repeat 10px .5em;
}

.ui3207 .main .tq span,
.ui3207 .main .ta span {
  display: none;
}

.ui3207 .main .toggle_container {
  padding: 0 10px 0 42px;
}

.ui3207 .main .CompareBox {
  clear: both;
}

.ui3207 .main .CompareBox dl {
  margin: 0 0 0 40px;
  width: 48%;
  float: left;
}

.ui3207 .main .CompareBox dl:first-child {
  margin: 0;
}

.ui3207 .main .CompareBox dt {
  margin: 0 0 7px 0;
  padding: 3px 5px;
  font-weight: bold;
  color: #C00;
  background-color: #fff0f0;
  border-bottom: #C00 solid 1px;
  border-left: #C00 solid 5px;
}

.ui3207 .main .CompareBox dd {
  margin: 0 0 20px 0;
}

.ui3207 .main .TableBox {
  padding: 0 0 20px 30px;
  float: right;
  width: 385px;
}

.ui3207 .main .TableBox table {
  width: 100%;
  margin: 0 auto;
}

.ui3207 .main .TableBox caption {
  text-align: center;
}

.ui3207 .main .btn_close {
  padding: 0 0 15px 0;
  text-align: right;
  clear: both;
}

.ui3207 .main .subhead {
  margin-bottom: 15px;
}

.ui3207 .main .subhead h4 {
  margin: 0 0 5px 0;
  padding: 0 0 2px 20px;
  color: #090;
  font-weight: bold;
  border-bottom: #e5f2cc solid 2px;
  background: url(icon_circle.png) no-repeat 0 .2em;
  clear: left;
}

.ui3207 .main .subhead h4 strong {
  color: #C00;
}

.ui3207 .main .statement {
  background: #fff;
  margin: 35px auto;
  border-radius: 3px;
  box-shadow: 0 0 0 5px #E5F2CC, 0 0 0 7px #99CC33;
}

.ui3207 .main .statement p {
  padding: 0 20px 20px;
}

.ui3207 .main .statement p:first-child {
  padding-top: 20px;
}

.ui3207 .main .BtnBox {
  clear: both;
  margin: 0 auto 35px;
  text-align: center;
  width: 932px;
}

.ui3207 .main .TableNormal {
  margin: 0 auto 20px;
}

.ui3207 .main .TableNormal caption {
  padding: 0 0 5px 0;
  color: #060;
  font-weight: bold;
}

.ui3207 .main .TableNormal th {
  padding: 10px;
  background-color: #e5f2cc;
  text-align: center;
  border: #060 solid 1px;
  border-bottom: #060 double 3px;
}

.ui3207 .main .TableNormal td {
  padding: 10px;
  background-color: #FFF;
  text-align: center;
  border-right: #060 solid 1px;
  border-bottom: #060 dotted 1px;
}

.ui3207 .tab {
  display: flex;
  justify-content: space-between;
}

.ui3207 .tab .tabItemActive,
.ui3207 .tab .tabItem {
  border-radius: 6px 6px 0 0;
  padding: 10px 10px 0;
  width: 32%;
}

.ui3207 .tab .tabItemActive {
  background: #99CC33;
}

.ui3207 .tab .tabItem {
  background: #d9e4eb;
}

.ui3207 .tab .tabItem:hover {
  opacity: 0.8;
}

.ui3207 .tab .tabInnerActive,
.ui3207 .tab .tabInner {
  padding: 6px;
  text-align: center;
}

.ui3207 .tab .tabInner a {
  display: block;
}

.ui3207 .tab .tabInnerActive {
  background: url(bg_navi_btn1.png);
}

.ui3207 .tab .tabInner {
  background: url(bg_navi_btn2.png);
}

/*202009追加*/
#q11 .aka{
  color:#C00;
}

#q11 .aka2{
  font-size: 2.4rem;
}

#ofdma h3 {
  font-size: 200%;
  color: #003399;
  padding: 0.3em 0;
  border-top: solid 3px #003399;
  border-bottom: solid 3px #003399;
  font-weight :bold;
  display: block;
  width: 400px;
  margin: 10px auto 20px;
  text-align: center;
  background-color: #F0F5FF
}

/* RecommendBox */

.ui3207 .RecommendBox {
  background: #99CC33;
  margin: 30px auto 0;
  padding: 10px;
  border-radius: 6px 6px 0 0;
}

.ui3207 .RecommendBoxInner {
  background: #fff;
  padding: 25px;
  border-radius: 6px;
}

.ui3207 .RecommendBox h3 {
  margin-bottom: 15px;
}

/*■tabArea■*/
.ui3207 #tabArea {
  width: 1160px;
  margin: 0 auto;
}

.ui3207 .tabBox {
  background-color: #FFF;
}

.ui3207 #tabArea ul{
  display: block;
}

.ui3207 #tabArea ul.tab {
  margin: 0;
  padding: 0;
  background-color: #9c3;
}

.ui3207 #tabArea ul.tab li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.ui3207 #tabArea ul.tab li ul.list {
  margin: 0;
  padding: 20px 70px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}



@media screen and (max-width: 767px) {
  .ui3207 {
    margin: 10px;
  }

  .ui3207 img {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .ui3207 .main .tq {
    font-size: 1.6rem;
  }

  .ui3207 .TopContent p {
    font-size: 1.4rem;
  }

  .ui3207 .TopContent .img_t01 {
    margin-bottom: 30px;
  }

  .ui3207 .TopContent .img_t02 {
    margin-top: 20px;
  }

  .ui3207 .TopContent .img_t03 {
    padding-left: 0;
  }

  .ui3207 .tit .explain {
    flex-direction: column;
  }

  .ui3207 .tit .explain .img_t01 {
    align-self: center;
    margin-bottom: 0;
  }

  .ui3207 .tit .explainInner {
    margin-bottom: 30px;
  }

  .ui3207 .main .toggle_container {
    padding: 0;
  }

  .ui3207 .main .CompareBox dl {
    margin: 0;
    width: 100%;
    float: none;
  }

  .ui3207 .main .CompareBox dt,
  .ui3207 .main .subhead h4 {
    font-size: 1.6rem;
  }

  .ui3207 .main .CompareBox dd,
  .ui3207 .TopContent li {
    font-size: 1.4rem;
  }

  .ui3207 .main .btn_close .c_close {
    padding-bottom: 20px;
  }

  .ui3207 .main .TableBox {
    float: none;
    width: 100%;
    padding: 0 0 20px 0;
  }

  .ui3207 .main .statement img {
    max-width: 170px;
  }

  .ui3207 .main .BtnBox {
    margin-bottom: 15px;
    width: 100%;
  }

  .ui3207 .main .BtnBox .fl,
  .ui3207 .main .BtnBox .fr {
    float: none;
  }

  .ui3207 .main .tableWrap {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 15px;
    margin-bottom: 5px;
  }

  /*■tabArea■*/
  .ui3207 #tabArea {
    width: 100%;
    margin: auto 0;
  }

  .ui3207 .tabBox {
    background-color: #FFF;
  }

  .ui3207 #tabArea ul.tab{
    display: block;
  }

  .ui3207 #tabArea ul.tab li {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  .ui3207 #tabArea ul.tab li ul.list {
    padding: 10px;
    text-align: center;
  }

  .ui3207 #tabArea ul.tab li ul.list li {
    width: 50%;
  }

  .ui3207 #tabArea ul.tab li ul.list li:nth-of-type(n+3) {
    margin-top: 10px;
  }
}