@charset "UTF-8";
.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.table_cell {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

/* clearfix */
.clearfix, #home #sec02 ul.list02 li .img {
  position: relative;
  *zoom: 1; }

#forteachers.activities #form #select .pages, #forteachers.pages.case04 .tbl-col {
  position: relative;
  *zoom: 1; }

#support.lessonmaterials .btn-r, #support.teachingmaterials .btn-r {
  position: relative;
  *zoom: 1; }

#products.index .list_box02 li a .img, #products.index.th #sec02 .list_box li a .img {
  position: relative;
  *zoom: 1; }

#products .manual .col-tbl__txt, #products.list .list_box02 li a .img, #products.cgreset .btn-r {
  position: relative;
  *zoom: 1; }

#software.customersupport #sec01 ul, #software.customersupport #sec03 ul {
  position: relative;
  *zoom: 1; }

#software.networklicense #sec01 ul, #software.networklicense #sec02 ul.step, #software.networklicense #sec03 ul.step, #software.networklicense #sec05 ul.step, #software.networklicense #sec03 .inr ul.step {
  position: relative;
  *zoom: 1; }

#requirements.subscription .openbox dl {
  position: relative;
  *zoom: 1; }

#fake #col03 .tbl, #fake #col04 .tbl {
  position: relative;
  *zoom: 1; }

#emulator.fx-82solar .col-tbl .col {
  position: relative;
  *zoom: 1; }

#classpadnet.materials #contents .item__wrap--list, #classpadnet.movie .mov__col--wrap {
  position: relative;
  *zoom: 1; }

#products.events.case03 #sec01 .flex01 .flex--col dl {
  position: relative;
  *zoom: 1; }

.clearfix:after, #home #sec02 ul.list02 li .img:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#forteachers.activities #form #select .pages:after, #forteachers.pages.case04 .tbl-col:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#support.lessonmaterials .btn-r:after, #support.teachingmaterials .btn-r:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#products.index .list_box02 li a .img:after, #products.index.th #sec02 .list_box li a .img:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#products .manual .col-tbl__txt:after, #products.list .list_box02 li a .img:after, #products.cgreset .btn-r:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#software.customersupport #sec01 ul:after, #software.customersupport #sec03 ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#software.networklicense #sec01 ul:after, #software.networklicense #sec02 ul.step:after, #software.networklicense #sec03 ul.step:after, #software.networklicense #sec05 ul.step:after, #software.networklicense #sec03 .inr ul.step:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#requirements.subscription .openbox dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#fake #col03 .tbl:after, #fake #col04 .tbl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#emulator.fx-82solar .col-tbl .col:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#classpadnet.materials #contents .item__wrap--list:after, #classpadnet.movie .mov__col--wrap:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#products.events.case03 #sec01 .flex01 .flex--col dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

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

#home #visual {
  width: 100%;
  max-height: 790px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: url("../images/home/bg_pc.jpg") no-repeat center top #0458c4;
  background-size: 100% auto;
  padding: 0 5%; }
  #home #visual.ja {
    background-image: url("../images/home/bg_pc_ja.jpg"); }
  #home #visual .form02 {
    position: absolute;
    display: table;
    margin: 0 auto;
    right: 15px;
    top: 15px;
    z-index: 5;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px 20px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #home #visual .form02 dt, #home #visual .form02 dd {
      display: table-cell;
      vertical-align: middle; }
    #home #visual .form02 dt {
      padding-right: 10px;
      text-align: left;
      color: #3e3a39;
      font-size: 85%; }
    #home #visual .form02 .select-wrap {
      position: relative;
      display: table;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #ffd600;
      border-radius: 30px;
      padding: 10px 30px 10px 40px;
      text-align: left; }
      #home #visual .form02 .select-wrap:before {
        content: '';
        display: block;
        vertical-align: middle;
        width: 22px;
        height: 22px;
        background: url("../images/ic_lung.png") no-repeat center right;
        background-size: 100% !important;
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -11px; }
      #home #visual .form02 .select-wrap:after {
        content: '';
        display: block;
        vertical-align: middle;
        width: 12px;
        height: 7px;
        background: url("../images/link_form.png") no-repeat center right;
        background-size: 100% !important;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -4px; }
      #home #visual .form02 .select-wrap select {
        cursor: pointer;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: bottom;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: none;
        font-size: 93%;
        color: #3e3a39;
        font-weight: bold; }
        #home #visual .form02 .select-wrap select::-ms-expand {
          display: none;
          border: none; }
        #home #visual .form02 .select-wrap select:-moz-focusring {
          color: transparent;
          text-shadow: 0 0 0 #828c9a;
          border: none; }

#home #visual_wrap {
  width: 100%;
  hegiht: 100%;
  max-width: 1620px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 48.17073%;
  position: relative; }

#home #visual .inr_wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  #home #visual .inr_wrap .inr {
    padding-right: 45.73171%;
    padding-left: 0;
    color: #fff;
    position: relative;
    padding-top: 9.14634%; }
    #home #visual .inr_wrap .inr h1 {
      font-size: 4vw;
      line-height: 1.2;
      font-weight: normal;
      margin-bottom: 10px; }
      #home #visual .inr_wrap .inr h1:before {
        content: '';
        display: block;
        width: 68px;
        height: 4px;
        background: #ffd600;
        margin-bottom: 2.8169%; }
    #home #visual .inr_wrap .inr p {
      font-size: 1.3vw;
      color: #FFF; }

#home .lead_top {
  margin-bottom: 2.8169%; }

#home .col_w_top {
  padding: 8.64198% 0; }

#home .col_g_top {
  padding: 8.64198% 0;
  padding: 5.55556% 0 8.64198%; }

#home #home #sec01.list_02 .img {
  background: #00a6ff; }

#home #home #sec01 .form02 {
  padding-bottom: 5.55556%;
  display: table;
  margin: 0 auto; }
  #home #home #sec01 .form02 dt, #home #home #sec01 .form02 dd {
    display: table-cell;
    vertical-align: middle; }
  #home #home #sec01 .form02 dt {
    padding-right: 30px; }
  #home #home #sec01 .form02 dd {
    padding-left: 30px;
    border-left: 1px solid #dadada; }
  #home #home #sec01 .form02 .select-wrap {
    position: relative;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffd600;
    border-radius: 30px;
    padding: 10px 40px 10px 50px;
    text-align: left; }
    #home #home #sec01 .form02 .select-wrap:before {
      content: '';
      display: block;
      vertical-align: middle;
      width: 22px;
      height: 22px;
      background: url("../images/ic_lung.png") no-repeat center right;
      background-size: 100% !important;
      position: absolute;
      left: 15px;
      top: 50%;
      margin-top: -11px; }
    #home #home #sec01 .form02 .select-wrap:after {
      content: '';
      display: block;
      vertical-align: middle;
      width: 12px;
      height: 7px;
      background: url("../images/link_form.png") no-repeat center right;
      background-size: 100% !important;
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -4px; }
    #home #home #sec01 .form02 .select-wrap select {
      cursor: pointer;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: bottom;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      background: none;
      font-size: 113%;
      color: #3e3a39; }
      #home #home #sec01 .form02 .select-wrap select::-ms-expand {
        display: none;
        border: none; }
      #home #home #sec01 .form02 .select-wrap select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #828c9a;
        border: none; }

#home #sec02 ul.list {
  margin-bottom: 0; }
  #home #sec02 ul.list li {
    border: 1px solid #e6e6e6; }

#home #sec02 ul.list02 {
  margin-bottom: 7.04225%;
  width: 100%;
  display: table; }
  #home #sec02 ul.list02 a {
    display: block; }
  #home #sec02 ul.list02 li {
    width: 33.33%;
    display: table-cell;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e6e6e6; }
    #home #sec02 ul.list02 li:last-child {
      border-right: none; }
    #home #sec02 ul.list02 li .img {
      width: 50%;
      display: block;
      margin: 0 auto;
      text-align: center;
      padding-bottom: 5.6338%; }
    #home #sec02 ul.list02 li.list_01 .img img {
      width: 56.33803%;
      padding: 4.9%; }
    #home #sec02 ul.list02 li.list_02 .img img {
      width: 73.23944%; }
    #home #sec02 ul.list02 li.list_03 .img img {
      width: 56.33803%;
      padding: 4.9%; }
    #home #sec02 ul.list02 li.list_03 .btn_blu:after {
      content: '';
      display: inline-block;
      vertical-align: baseline;
      background: url("../images/blank_wh.png") no-repeat center left;
      background-size: contain;
      width: 11px;
      height: 11px;
      margin-left: 11px; }
    #home #sec02 ul.list02 li:last-child {
      border-bottom: none !important; }
    #home #sec02 ul.list02 li .txt {
      width: 100%;
      vertical-align: middle;
      background: #FFF;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 5.6338%;
      text-align: center; }
      #home #sec02 ul.list02 li .txt p {
        margin-bottom: 10px; }
    #home #sec02 ul.list02 li .btn {
      margin-top: 2.8169%; }

#home #sec03 ul.list02 {
  width: 100%; }
  #home #sec03 ul.list02 a, #home #sec03 ul.list02 .nolinkbox {
    display: table;
    width: 100%; }
  #home #sec03 ul.list02 li {
    width: 49.29577%;
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.8169% 0;
    margin-bottom: 1.40845%; }
    #home #sec03 ul.list02 li.list_01 {
      margin-right: 1.40845%; }
    #home #sec03 ul.list02 li .img {
      width: 36.42857%;
      padding: 0 5.71429%;
      display: table-cell;
      border-right: 1px solid #e6e6e6; }
    #home #sec03 ul.list02 li .txt {
      width: 63.57143%;
      display: table-cell;
      vertical-align: middle;
      background: #FFF;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 5.71429%; }
      #home #sec03 ul.list02 li .txt p {
        margin-bottom: 10px; }
    #home #sec03 ul.list02 li .btn {
      margin-top: 2.8169%; }
    #home #sec03 ul.list02 li ul.btn {
      margin-top: 2.8169%;
      text-align: left; }
      #home #sec03 ul.list02 li ul.btn li {
        width: auto;
        display: inline-block;
        padding: 0;
        margin: 0; }
        #home #sec03 ul.list02 li ul.btn li:first-child {
          margin-right: 5px; }
        #home #sec03 ul.list02 li ul.btn li .disable {
          border-color: #BBBBBB;
          background: #BBBBBB;
          color: #FFF; }

#home #sec03 #form {
  margin-top: 5.55556%;
  background: #FFF;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.8169% 0; }
  #home #sec03 #form h2, #home #sec03 #form .txt, #home #sec03 #form .form {
    float: left;
    vertical-align: middle;
    padding: 1.40845% 4.22535%; }
  #home #sec03 #form h2 {
    display: table; }
    #home #sec03 #form h2 span {
      display: table-cell;
      vertical-align: middle; }
  #home #sec03 #form .txt {
    border-left: 1px solid #e6e6e6;
    padding-left: 4.22535%; }
    #home #sec03 #form .txt a {
      color: #00a6ff;
      text-decoration: underline; }
    #home #sec03 #form .txt .note {
      font-size: 85% !important; }
  #home #sec03 #form .form {
    padding: 0; }
    #home #sec03 #form .form .select-wrap {
      position: relative;
      display: table;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 2px solid #3e3a39;
      border-radius: 20px;
      padding: 2.11268% 4.22535%;
      margin-bottom: 15px; }
      #home #sec03 #form .form .select-wrap select {
        cursor: pointer;
        width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: bottom;
        padding-right: 30px;
        padding-left: 2.11268%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: url("../images/link_up.png") no-repeat center right;
        background-size: 15px, 100%;
        height: 22px; }
        #home #sec03 #form .form .select-wrap select::-ms-expand {
          display: none; }
        #home #sec03 #form .form .select-wrap select:-moz-focusring {
          color: transparent;
          text-shadow: 0 0 0 #828c9a; }
    #home #sec03 #form .form .submit {
      width: 100%;
      background: #0458c4;
      border-radius: 30px;
      border: none;
      color: #FFF;
      text-align: center;
      padding: 1em 25px;
      font-size: 108%;
      font-weight: bold;
      position: relative;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer; }

#home #info section {
  padding-bottom: 0; }
  #home #info section dl {
    background: #FFF;
    margin: 0 auto; }
    #home #info section dl + dl {
      margin-top: 2.11268%; }
    #home #info section dl#Install {
      display: table;
      border: solid 2px #0458c4;
      width: 80%; }
      #home #info section dl#Install dt, #home #info section dl#Install dd {
        vertical-align: middle;
        padding: .5em; }
      #home #info section dl#Install dt {
        width: 10em;
        color: #0458c4;
        font-weight: bold;
        float: left; }
        #home #info section dl#Install dt span {
          display: block;
          background: #ffd600;
          padding: .3em 1em;
          border-radius: 5px; }
      #home #info section dl#Install dd {
        padding-left: 11em; }
        #home #info section dl#Install dd a {
          text-decoration: underline;
          color: #0458c4; }
          #home #info section dl#Install dd a:hover {
            text-decoration: none; }
    #home #info section dl#Announcement {
      display: table;
      border: double 6px #F00;
      width: 80%; }
      #home #info section dl#Announcement dt, #home #info section dl#Announcement dd {
        display: block;
        padding: .5em 1em;
        font-size: 108%; }
      #home #info section dl#Announcement dt {
        color: #F00;
        font-weight: bold;
        font-size: 124%; }
      #home #info section dl#Announcement dd a {
        text-decoration: underline; }
        #home #info section dl#Announcement dd a:before {
          content: '';
          border-top: 4px solid transparent;
          border-bottom: 4px solid transparent;
          border-left: 6px solid #1d2080;
          display: inline-block;
          vertical-align: middle;
          margin-right: 3px; }
        #home #info section dl#Announcement dd a:hover {
          text-decoration: none; }
    #home #info section dl#news {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 2.11268% 2.8169%; }
      #home #info section dl#news dt {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 1.05634%;
        margin-bottom: 1.05634%; }
      #home #info section dl#news dd ul li {
        padding-bottom: 1.05634%;
        margin-bottom: 1.05634%;
        border-bottom: 1px solid #e6e6e6; }
        #home #info section dl#news dd ul li:last-child {
          padding-bottom: 0;
          margin-bottom: 0;
          border-bottom: none; }
        #home #info section dl#news dd ul li a {
          width: 100%;
          display: table; }
          #home #info section dl#news dd ul li a span {
            display: table-cell;
            text-align: left; }
            #home #info section dl#news dd ul li a span:first-child {
              width: 10em;
              font-weight: bold; }

#home.lang ul.list {
  width: 100%; }
  #home.lang ul.list a {
    display: table;
    width: 100%; }
  #home.lang ul.list li {
    width: 49.29577%;
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0; }
    #home.lang ul.list li a {
      display: table;
      padding: 6.42857%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #home.lang ul.list li a:before {
        content: '';
        display: table-cell;
        vertical-align: middle;
        width: 30%;
        height: 100%;
        margin-right: 5.71429%;
        background-size: 90% !important; }
    #home.lang ul.list li:nth-child(2n) {
      margin-left: 1.40845%; }
    #home.lang ul.list li .txt {
      width: 57.14286%;
      height: 170px;
      display: table-cell;
      border-left: 1px solid #e6e6e6;
      vertical-align: middle;
      background: #FFF;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 0 5.71429%; }
      #home.lang ul.list li .txt h2 span {
        display: block;
        font-size: 70%; }
      #home.lang ul.list li .txt p {
        margin-bottom: 10px; }
    #home.lang ul.list li .btn {
      margin-top: 2.8169%; }
    #home.lang ul.list li.handheld a:before, #home.lang ul.list li.handheld .txt:before {
      background: url("../images/home/icon01.png") no-repeat center left; }
    #home.lang ul.list li.educational a:before, #home.lang ul.list li.educational .txt:before {
      background: url("../images/home/icon02.png") no-repeat center left; }
    #home.lang ul.list li.software a:before, #home.lang ul.list li.software .txt:before {
      background: url("../images/home/icon03.png") no-repeat center left; }
    #home.lang ul.list li.download_os a:before, #home.lang ul.list li.download_os .txt:before {
      background: url("../images/home/icon04.png") no-repeat center left; }
    #home.lang ul.list li.download_soft a:before, #home.lang ul.list li.download_soft .txt:before {
      background: url("../images/home/icon05.png") no-repeat center left; }
    #home.lang ul.list li.links a:before, #home.lang ul.list li.links .txt:before {
      background: url("../images/home/icon06.png") no-repeat center left; }
    #home.lang ul.list li.support a:before, #home.lang ul.list li.support .txt:before {
      background: url("../images/home/icon07.png") no-repeat center left; }
    #home.lang ul.list li.license a:before, #home.lang ul.list li.license .txt:before {
      background: url("../images/home/icon08.png") no-repeat center left; }

#home .top--bnr {
  padding-bottom: 5.55556%; }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual {
    background: url("../images/home/bg_sp.jpg") no-repeat center bottom #0458c4;
    background-size: 100% auto;
    max-height: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual.ja {
    background-image: url("../images/home/bg_sp_ja.jpg"); } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual .form02 {
    width: 111%;
    max-width: 111%;
    border-radius: 0;
    padding: 6.25%;
    background: #1d2080;
    position: static;
    margin: 0 -5.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual .form02 dt, #home #visual .form02 dd {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual .form02 dt {
    padding: 0 0 3.125%;
    color: #FFF;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual .form02 .select-wrap {
    width: auto;
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual .form02 .select-wrap select {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    text-align: left;
    margin-left: -.5em;
    font-size: 108%; }
    #home #visual .form02 .select-wrap select option {
      font-size: 93%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual_wrap {
    padding-top: 129.66667%; } }

@media (min-width: 0px) and (max-width: 1240px) {
  #home #visual .inr_wrap .inr {
    padding-top: 5.64516%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual .inr_wrap .inr {
    padding: 14.0625% 4.6875%; } }

@media (min-width: 1640px) {
  #home #visual .inr_wrap .inr h1 {
    font-size: 393%; } }

@media (min-width: 0px) and (max-width: 1240px) {
  #home #visual .inr_wrap .inr h1 {
    font-size: 316%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual .inr_wrap .inr h1 {
    font-size: 9vw;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual .inr_wrap .inr h1:before {
    display: none; } }

@media (min-width: 1640px) {
  #home #visual .inr_wrap .inr p {
    font-size: 147%; } }

@media (min-width: 0px) and (max-width: 1240px) {
  #home #visual .inr_wrap .inr p {
    font-size: 108%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #visual .inr_wrap .inr p {
    display: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home .lead_top {
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home .col_w_top {
    padding: 18.75% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home .col_g_top {
    padding: 9.375% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #home #sec01 .form02 {
    padding-bottom: 18.75%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #home #sec01 .form02 dt, #home #home #sec01 .form02 dd {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #home #sec01 .form02 dt {
    padding: 0 0 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #home #sec01 .form02 dd {
    padding: 0;
    border: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #home #sec01 .form02 .select-wrap {
    width: auto;
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #home #sec01 .form02 .select-wrap select {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    text-align: left;
    margin-left: -.5em;
    font-size: 116%; }
    #home #home #sec01 .form02 .select-wrap select option {
      font-size: 93%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec02 ul.list02 li {
    width: 100%;
    display: block;
    padding: 5.6338%;
    text-align: center;
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec02 ul.list02 li .img {
    width: 100%;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec02 ul.list02 li .txt {
    width: 100%;
    display: block;
    padding: 5.6338%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 ul.list02 li {
    width: 100%;
    display: block;
    padding: 12% 5.6338%;
    position: relative;
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 ul.list02 li.list_01 {
    margin-right: 0;
    /*h2:before  {
        content: '';
        display: block;
        vertical-align: top;
        width: 76px;
        height: 54px;
        background: url("../images/home/sec03_01_sp.png") no-repeat;
        background-size: contain;
        margin: 0 auto 40% / 640 * 100;
      }*/ } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 ul.list02 li.list_02 {
    /*h2:before  {
          content: '';
          display: block;
          vertical-align: top;
          width: 76px;
          height: 54px;
          background: url("../images/home/sec03_02_sp.png") no-repeat;
          background-size: contain;
          margin: 0 auto 40% / 640 * 100;
        }*/ } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 ul.list02 li .img {
    display: block;
    border: none;
    margin: 0 auto 10px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 ul.list02 li .txt {
    display: block;
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 ul.list02 li ul.btn {
    text-align: center;
    margin-top: 2.8169%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 #form {
    display: block;
    padding: 10% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 #form h2, #home #sec03 #form .txt, #home #sec03 #form .form {
    float: none;
    display: block;
    padding: 0 11.42857%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 #form h2 {
    margin-bottom: 2.85714%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 #form .txt {
    padding-left: 11.42857%;
    border: none; }
    #home #sec03 #form .txt ul {
      margin-bottom: 2.85714%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 #form .form {
    padding: 0 11.42857%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #sec03 #form .form .select-wrap select {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #info section dl#Install {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #info section dl#Install dt, #home #info section dl#Install dd {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #info section dl#Install dt {
    padding-bottom: 0;
    display: inline-block;
    width: auto;
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #info section dl#Install dd {
    padding-left: .5em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #info section dl#Announcement {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #info section dl#Announcement dt, #home #info section dl#Announcement dd {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #info section dl#Announcement dt {
    padding-bottom: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #info section dl#news {
    padding: 4.6875% 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #info section dl#news dt {
    padding-bottom: 2.34375%;
    margin-bottom: 2.34375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #info section dl#news dd ul li {
    padding-bottom: 2.34375%;
    margin-bottom: 2.34375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home #info section dl#news dd ul li a span {
    display: block;
    width: auto; }
    #home #info section dl#news dd ul li a span:first-child {
      margin-bottom: .3em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home.lang ul.list li {
    width: 100%;
    display: block;
    padding: 0 5.71429%;
    position: relative; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home.lang ul.list li a:before {
    display: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home.lang ul.list li .txt {
    width: 100%;
    border: none;
    padding: 0;
    height: auto; }
    #home.lang ul.list li .txt:before {
      content: '';
      display: table-cell;
      vertical-align: middle;
      width: 65px;
      height: 65px;
      background-size: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home.lang ul.list li .txt h2 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 3.125%;
    width: 80.35714%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #home .top--bnr {
    padding-bottom: 9.375%; } }

.info_seminar {
  margin-bottom: 4.7619%; }

@media (min-width: 0px) and (max-width: 767px) {
  .info_seminar {
    margin-bottom: 9.375%; } }

.info_seminar_ttl {
  text-align: center;
  margin-bottom: 25px;
  font-weight: bold;
  color: #3e3a39;
  font-size: 162%; }

@media (min-width: 0px) and (max-width: 1140px) {
  .info_seminar_ttl {
    font-size: 154%; } }

@media (min-width: 0px) and (max-width: 767px) {
  .info_seminar_ttl {
    font-size: 124%;
    margin-bottom: 15px; } }

.info_seminar_inr {
  display: block;
  border: solid 2px #0458c4;
  padding: 2.71739%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
  margin: 0 auto 25px;
  background: #fff; }
  .info_seminar_inr:hover .info_seminar_col_img_inr::before {
    opacity: 0; }

@media (min-width: 0px) and (max-width: 767px) {
  .info_seminar_inr {
    width: auto;
    padding: 5.12821%;
    margin-bottom: 20px; } }

.info_seminar_col {
  display: table; }

@media (min-width: 0px) and (max-width: 767px) {
  .info_seminar_col {
    display: block; } }

.info_seminar_col_img, .info_seminar_col_txt {
  display: table-cell;
  vertical-align: middle; }

@media (min-width: 0px) and (max-width: 767px) {
  .info_seminar_col_img, .info_seminar_col_txt {
    display: block; } }

.info_seminar_col_img {
  width: 33%; }

@media (min-width: 0px) and (max-width: 767px) {
  .info_seminar_col_img {
    width: 60%;
    margin: 0 auto 15px; } }

.info_seminar_col_img_inr {
  position: relative; }
  .info_seminar_col_img_inr::before {
    position: absolute;
    z-index: 10;
    content: " ";
    display: block;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-out 0s;
    -o-transition: opacity 0.2s ease-out 0s;
    transition: opacity 0.2s ease-out 0s; }
  .info_seminar_col_img_inr::after {
    position: absolute;
    z-index: 11;
    content: " ";
    display: block;
    bottom: 0;
    right: 0;
    width: 5.33333%;
    padding-bottom: 5.33333%;
    margin: 0 4.44444% 4.44444% 0;
    background: url(../images/blank_wh.png) no-repeat center center;
    background-size: contain; }
  .info_seminar_col_img_inr img {
    position: relative;
    z-index: 1;
    display: block; }

.info_seminar_col_txt {
  width: 67%;
  padding: 0 0 0 3.73134%; }

@media (min-width: 0px) and (max-width: 767px) {
  .info_seminar_col_txt {
    width: 100%;
    padding: 0;
    text-align: center; } }

.info_seminar_col_txt_ttl {
  color: #0458c4;
  font-weight: bold;
  font-size: 139%; }

@media (min-width: 0px) and (max-width: 1140px) {
  .info_seminar_col_txt_ttl {
    font-size: 131%; } }

@media (min-width: 0px) and (max-width: 767px) {
  .info_seminar_col_txt_ttl {
    font-size: 108%; } }

#brand_statement_bnr {
  text-align: center; }
  #brand_statement_bnr .inr {
    background: #FFF;
    padding-top: 7.04225%;
    padding-bottom: 7.04225%; }
  #brand_statement_bnr h1 {
    width: 60.14085%;
    margin: 0 auto; }
  #brand_statement_bnr p {
    font-size: 147%;
    text-align: center;
    color: #001c71;
    margin-bottom: 1em; }

@media (min-width: 0px) and (max-width: 767px) {
  #brand_statement_bnr h1 {
    width: 100%; } }

#forteachers #title_area.top {
  background: url("../images/forteachers/bg_title.png") right top no-repeat, -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/forteachers/bg_title.png") right top no-repeat, -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/forteachers/bg_title.png") right top no-repeat, -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* Chrome10-25,Safari5.1-6 */ }

#forteachers .member_col .txt .btn {
  text-align: left;
  margin-left: 0; }
  #forteachers .member_col .txt .btn li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 20px; }
    #forteachers .member_col .txt .btn li .btn_blu {
      background: #0458c4;
      width: auto;
      margin: 0 auto;
      position: relative;
      border-radius: 30px;
      padding: 5px 25px;
      font-size: 94%;
      color: #FFF;
      font-weight: bold;
      position: relative;
      min-width: 120px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

#forteachers.er #title_area.top {
  background: url("../images/forteachers/er/bg_title.png") right top no-repeat, -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/forteachers/er/bg_title.png") right top no-repeat, -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/forteachers/er/bg_title.png") right top no-repeat, -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* Chrome10-25,Safari5.1-6 */ }

#forteachers.er .list_box02 li {
  width: 49.29577%;
  padding: 2.46914% 0 3.7037%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #forteachers.er .list_box02 li:nth-child(2n) {
    margin-left: 1.40845%; }
  #forteachers.er .list_box02 li .img {
    width: 27.2%;
    margin: 0 auto 1.40845%; }
    #forteachers.er .list_box02 li .img.img02 {
      width: 27.2%; }
  #forteachers.er .list_box02 li .btn_more, #forteachers.er .list_box02 li #forteachers.portal .inr .btn_blank {
    margin: 0 auto; }

#forteachers.portal .inr #forteachers.er .list_box02 li .btn_blank, #forteachers.er .list_box02 li #software .btn_blank {
  margin: 0 auto; }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers .member_col .txt .btn {
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers .member_col .txt .btn li {
    width: 111px;
    display: inline-block;
    text-align: center;
    margin: 0 1.6%; }
    #forteachers .member_col .txt .btn li a {
      display: table;
      width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers .member_col .txt .btn li .btn_blu {
    display: table;
    background: #0458c4;
    width: 100%;
    margin: 0 auto;
    position: relative;
    border-radius: 30px;
    padding: 5px 25px;
    font-size: 94%;
    color: #FFF;
    font-weight: bold;
    position: relative;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers .member_col .txt .btn02 li.mt20 {
    width: auto;
    margin-top: 20px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers .member_col .txt .img-arrow_down {
    position: relative; }
    #forteachers .member_col .txt .img-arrow_down:before {
      content: '';
      position: absolute;
      right: 50%;
      top: auto;
      bottom: -1px;
      margin-top: 0;
      margin-right: -20px;
      width: 0;
      height: 0;
      border-top: transparent;
      border-right: 20px solid transparent;
      border-left: 20px solid transparent;
      border-bottom: 20px solid #FFF;
      z-index: 3; } }

#software #forteachers.er .list_box02 li .btn_blank {
  margin: 0 auto; }

#forteachers.er .list_box02 li .txt .ttl_h1_s {
  margin-bottom: 0; }

#forteachers.er .list_box02 li .txt p {
  padding: 0 14.28571%;
  margin: 6px 0 12px 0;
  line-height: 1.2; }

#forteachers.er .list_mov li {
  width: auto;
  margin: 0 2.8169%;
  padding: 0; }
  #forteachers.er .list_mov li .btn_more, #forteachers.er .list_mov li #forteachers.portal .inr .btn_blank {
    display: block; }

#forteachers.portal .inr #forteachers.er .list_mov li .btn_blank, #forteachers.er .list_mov li #software .btn_blank {
  display: block; }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.er .list_box02 li .txt p {
    line-height: 1.5; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.er .list_box02 li {
    width: 100%;
    margin-left: 0;
    display: block;
    padding: 6.25% 0 9.375%; }
    #forteachers.er .list_box02 li .img {
      width: 32.1875%;
      margin: 0 auto 3.125%; }
      #forteachers.er .list_box02 li .img.img02 {
        width: 47.6%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.er .list_mov li {
    display: inline-block; } }

#software #forteachers.er .list_mov li .btn_blank {
  display: block; }

#forteachers.er .list_mov li .btn_more:after, #forteachers.er .list_mov li #forteachers.portal .inr .btn_blank:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#forteachers.portal .inr #forteachers.er .list_mov li .btn_blank:after, #forteachers.er .list_mov li #software .btn_blank:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#software #forteachers.er .list_mov li .btn_blank:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#forteachers.er .list_mov li .btn_more:hover:after, #forteachers.er .list_mov li #forteachers.portal .inr .btn_blank:hover:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right_w.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#forteachers.portal .inr #forteachers.er .list_mov li .btn_blank:hover:after, #forteachers.er .list_mov li #software .btn_blank:hover:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right_w.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#software #forteachers.er .list_mov li .btn_blank:hover:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right_w.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#forteachers.fontsets .lead {
  width: 50%;
  margin-left: auto;
  margin-right: auto; }

#forteachers.fontsets .img {
  width: 58.02469%;
  margin: 0 auto 4.93827%; }

#forteachers.fontsets .list_box04 li {
  width: 23.94366%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 4.93827%; }
  #forteachers.fontsets .list_box04 li:nth-child(2n) {
    margin-left: 0.70423%; }
  #forteachers.fontsets .list_box04 li h2 {
    display: table;
    margin: 0 auto 2.94118%; }
  #forteachers.fontsets .list_box04 li p {
    display: table;
    width: 100%;
    margin-bottom: 2.94118%; }
    #forteachers.fontsets .list_box04 li p span {
      display: table-cell;
      vertical-align: middle; }
  #forteachers.fontsets .list_box04 li a {
    display: block; }

#forteachers.movie .lead02 {
  margin-bottom: 1.40845%; }

#forteachers.movie h1.ttl_h1_s {
  text-align: left;
  background: url("../images/forteachers/er/movie/open.png") no-repeat 97% center #FFF;
  border: 1px solid #808080;
  color: #808080;
  padding: 1.76056% 2.11268%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }
  #forteachers.movie h1.ttl_h1_s span {
    display: block; }
    #forteachers.movie h1.ttl_h1_s span:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      background: url("../images/forteachers/er/movie/ttl.png") no-repeat center left;
      background-size: contain;
      width: 65px;
      height: 56px;
      margin-right: 1.40845%; }
  #forteachers.movie h1.ttl_h1_s.close {
    background: url("../images/forteachers/er/movie/close.png") no-repeat 97% center #0458c4;
    border: 1px solid #0458c4;
    color: #FFF; }
    #forteachers.movie h1.ttl_h1_s.close span:before {
      background-image: url("../images/forteachers/er/movie/ttl_close.png") !important; }

#forteachers.movie .openbox {
  display: none;
  padding-bottom: 3.52113%; }
  #forteachers.movie .openbox + h1 {
    margin-top: 3.52113%; }

#forteachers.movie .links + inr {
  margin-top: 3.52113%; }

#forteachers.movie .links_mov + h2 {
  margin-top: 5.6338%; }

#forteachers.gakuhan #title_area.top {
  background: url("../images/forteachers/gakuhan/bg_title.png") right top no-repeat, -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/forteachers/gakuhan/bg_title.png") right top no-repeat, -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/forteachers/gakuhan/bg_title.png") right top no-repeat, -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* Chrome10-25,Safari5.1-6 */ }

#forteachers.gakuhan #sec01 {
  display: table;
  width: 100%;
  margin-bottom: 7.74648%; }
  #forteachers.gakuhan #sec01 .txt {
    display: table-cell;
    vertical-align: top;
    width: 67.60563%;
    padding-right: 1.40845%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #forteachers.gakuhan #sec01 .txt p, #forteachers.gakuhan #sec01 .txt .disc {
      margin-bottom: 2.8169%;
      font-size: 108%; }
  #forteachers.gakuhan #sec01 .img {
    display: table-cell;
    vertical-align: top;
    width: 32.39437%; }
    #forteachers.gakuhan #sec01 .img img:first-child {
      margin-bottom: 8.69565%; }
  #forteachers.gakuhan #sec01 .name {
    padding: 8.69565%;
    border: 1px solid #e6e6e6; }
    #forteachers.gakuhan #sec01 .name h2 {
      color: #00a6ff; }

#forteachers.policy #pagenav dl dt {
  display: table-cell; }

#forteachers.policy #sec01 p {
  margin-bottom: 2.8169%;
  font-size: 108%; }

#forteachers.policy #sec01 .img01 {
  float: right;
  width: 32.39437%;
  margin-left: 1.40845%;
  margin-bottom: 1.40845%; }

#forteachers.policy #sec01 .img02 {
  margin-bottom: 2.8169%; }

#forteachers.policy #bg {
  height: 23.45679%;
  background: url("../images/forteachers/gakuhan/policy/sec01_02_pc.jpg");
  background-position: top 50%;
  background-repeat: no-repeat;
  background-size: 100% auto; }
  #forteachers.policy #bg .cover {
    padding-top: 33.95062%; }

#forteachers.policy #sec02 .ttl_h1, #forteachers.policy #sec03 .ttl_h1 {
  margin-bottom: 1.40845%; }

#forteachers.policy #sec02 .ttl_h2_s, #forteachers.policy #sec03 .ttl_h2_s {
  text-align: center;
  color: #808080;
  line-height: 2; }

#forteachers.policy #sec02 .ttl_h2_s span, #forteachers.policy #sec03 .ttl_h2_s span {
  color: #00a6ff; }

#forteachers.policy #sec02 .ttl_h2_line, #forteachers.policy #sec03 .ttl_h2_line {
  font-size: 216%;
  margin-top: 5.6338%;
  margin-bottom: 6px; }

#forteachers.policy #sec02 .txt, #forteachers.policy #sec03 .txt {
  display: table;
  width: 100%;
  margin-top: 6px; }

#forteachers.policy #sec02 .txt p, #forteachers.policy #sec03 .txt p {
  display: table-cell;
  vertical-align: top;
  width: 67.60563%;
  padding-right: 1.40845%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#forteachers.policy #sec02 .txt .img, #forteachers.policy #sec03 .txt .img {
  display: table-cell;
  vertical-align: top;
  width: 16.90141%;
  text-align: center; }

#forteachers.policy #sec02 .txt .img.img02 img, #forteachers.policy #sec03 .txt .img.img02 img {
  width: 80%; }

#forteachers.policy .mov + h2 {
  margin-top: 5.6338%; }

#forteachers.useful .inr {
  display: table;
  width: 100%; }
  #forteachers.useful .inr .ttl_h2_s {
    text-align: center;
    color: #808080;
    margin-bottom: 3.38983%; }
    #forteachers.useful .inr .ttl_h2_s span {
      color: #00a6ff; }
  #forteachers.useful .inr .txt {
    float: left;
    vertical-align: top;
    width: 74.57627%;
    padding-right: 4.23729%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #e6e6e6; }
  #forteachers.useful .inr .img {
    float: right;
    vertical-align: top;
    width: 24.57627%;
    padding-left: 4.23729%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #forteachers.useful .inr .img img {
      margin-bottom: 8.69565%; }
  #forteachers.useful .inr .name h2 {
    color: #00a6ff;
    text-align: left; }

#forteachers.software .item {
  display: table;
  width: 100%;
  border: solid #ededed;
  border-width: 1px 0;
  padding: 2.8169%;
  margin: 0 auto 4.93827%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #forteachers.software .item .txt, #forteachers.software .item .img, #forteachers.software .item .link {
    display: table-cell;
    vertical-align: top; }
  #forteachers.software .item .txt {
    width: 38.02817%;
    text-align: left; }
    #forteachers.software .item .txt p {
      margin-bottom: 5.55556%; }
    #forteachers.software .item .txt ul li {
      margin-bottom: 3.7037%; }
  #forteachers.software .item .img {
    text-align: center;
    width: 26.40845%; }
    #forteachers.software .item .img img {
      width: 64.53333%;
      margin: 0 auto; }
  #forteachers.software .item .link {
    border-left: 1px solid #ededed;
    padding-left: 3.52113%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #forteachers.software .item .link .ttl_h2_line {
      margin-bottom: 2.8169%; }
      #forteachers.software .item .link .ttl_h2_line span:before {
        background: #ffd600 none repeat scroll 0 0;
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 3px;
        margin-bottom: 0;
        margin-right: .5em;
        width: 24px; }
    #forteachers.software .item .link ul {
      margin-bottom: 4.92958%; }
      #forteachers.software .item .link ul li {
        display: inline-block;
        vertical-align: top; }
        #forteachers.software .item .link ul li a:hover {
          color: #0458c4; }
      #forteachers.software .item .link ul.models li {
        padding-right: .5em; }
      #forteachers.software .item .link ul.guide li {
        margin-right: 1em; }

#forteachers.software #checkbox {
  border: none; }

#forteachers.activities .list_box05 {
  display: table;
  width: 100%;
  margin-bottom: 4.92958%; }
  #forteachers.activities .list_box05 li {
    width: 20%;
    padding: 0 1.05634% 0 3.30986%;
    display: table-cell;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #ededed;
    background: url("../images/link_blu_down.png") no-repeat 5% top;
    background-size: 22px; }
    #forteachers.activities .list_box05 li p {
      font-size: 93%; }
    #forteachers.activities .list_box05 li:first-child {
      border: none; }

#forteachers.activities #form {
  width: 100%;
  display: table;
  text-align: left; }
  #forteachers.activities #form h2.ttl {
    color: #3e3a39;
    border-bottom: 1px solid #ededed;
    font-size: 193%; }
  #forteachers.activities #form #serch, #forteachers.activities #form #select {
    display: table-cell; }
  #forteachers.activities #form #serch {
    width: 25.35211%;
    padding-right: 5.6338%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #forteachers.activities #form #serch .btn_close, #forteachers.activities #form #serch .done {
      display: none; }
    #forteachers.activities #form #serch dl dt {
      font-size: 124%;
      padding: 11.11111% 0;
      color: #3e3a39;
      background: url("../images/forteachers/er/activities/open.png") no-repeat center right;
      background-size: 15px auto;
      cursor: pointer; }
      #forteachers.activities #form #serch dl dt.close {
        background: url("../images/forteachers/er/activities/close.png") no-repeat center right;
        background-size: 15px auto;
        border-top: 1px solid #ededed; }
      #forteachers.activities #form #serch dl dt:first-child {
        border-top: none; }
    #forteachers.activities #form #serch dl dd {
      padding-bottom: 11.11111%; }
      #forteachers.activities #form #serch dl dd li {
        margin-bottom: .5em; }
        #forteachers.activities #form #serch dl dd li.ttl span {
          background: url("../images/forteachers/er/activities/open.png") no-repeat 2px center;
          background-size: auto 16px;
          padding-left: 30px;
          display: block; }
          #forteachers.activities #form #serch dl dd li.ttl span.close {
            background: url("../images/forteachers/er/activities/link_right.png") no-repeat 7px center;
            background-size: auto 16px; }
        #forteachers.activities #form #serch dl dd li.ttl ul {
          padding-left: 30px;
          padding-bottom: 5.55556%;
          display: none; }
      #forteachers.activities #form #serch dl dd label {
        background: url("../images/check.png") no-repeat scroll left center;
        background-size: 20px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
        overflow: hidden;
        padding: 0 0 0 30px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        #forteachers.activities #form #serch dl dd label.on {
          background-image: url("../images/check_on.png"); }
        #forteachers.activities #form #serch dl dd label input[type="checkbox"] {
          opacity: 0;
          position: absolute; }
  #forteachers.activities #form #select #activities {
    padding: 1.40845% 0 2.11268%;
    margin-bottom: 5.6338%;
    border-bottom: 1px solid #ededed; }
    #forteachers.activities #form #select #activities li {
      width: 25%;
      padding: 1.05634% 0;
      display: inline-block; }
      #forteachers.activities #form #select #activities li span {
        display: block; }
      #forteachers.activities #form #select #activities li input {
        border: none;
        width: auto;
        display: inlne-block;
        background: #f8f8f8;
        border: 1px solid #dadada;
        padding: .2em .5em;
        color: #3e3a39; }
  #forteachers.activities #form #select .pages .result {
    float: left;
    font-size: 124%;
    font-weight: bold;
    color: #3e3a39; }
  #forteachers.activities #form #select .pages ul {
    float: right; }
    #forteachers.activities #form #select .pages ul li {
      display: inline-block;
      line-height: 1.5;
      margin: 0 0 0 .2em; }
      #forteachers.activities #form #select .pages ul li a {
        width: 1.5em;
        height: 1.5em;
        display: block;
        border-radius: 50%;
        background: #e6e6e6;
        text-align: center; }
        #forteachers.activities #form #select .pages ul li a.active {
          background: #0458c4;
          color: #FFF; }
  #forteachers.activities #form #select #download {
    padding: 1.88679% 0 0; }
    #forteachers.activities #form #select #download .item {
      display: table;
      width: 100%;
      border: 1px solid #ededed;
      padding: 3.52113% 4.22535%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 3.77358%; }
      #forteachers.activities #form #select #download .item .txt, #forteachers.activities #form #select #download .item .link {
        display: table-cell;
        vertical-align: top; }
      #forteachers.activities #form #select #download .item .txt {
        width: 67.92453%;
        padding-right: 3.77358% 0;
        text-align: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        #forteachers.activities #form #select #download .item .txt p {
          margin-bottom: 2.83019%; }
        #forteachers.activities #form #select #download .item .txt ul li {
          margin-bottom: 3.7037%; }
        #forteachers.activities #form #select #download .item .txt ul a {
          margin-right: 1em; }
        #forteachers.activities #form #select #download .item .txt ul .btn_more, #forteachers.activities #form #select #download .item .txt ul #forteachers.portal .inr .btn_blank {
          margin: 0;
          display: inline-block; }

#forteachers.portal .inr #forteachers.activities #form #select #download .item .txt ul .btn_blank, #forteachers.activities #form #select #download .item .txt ul #software .btn_blank {
  margin: 0;
  display: inline-block; }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.fontsets .lead {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.fontsets .img {
    width: 100%;
    margin: 0 auto 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.fontsets .list_box04 li {
    width: 100%;
    margin-bottom: 13.7931%; }
    #forteachers.fontsets .list_box04 li:nth-child(2n) {
      margin-left: 3.125%; }
    #forteachers.fontsets .list_box04 li h2 {
      font-size: 131%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.movie h1.ttl_h1_s {
    width: 100%;
    padding: 5.17241% 5.17241%;
    background-position: 95% center !important;
    background-size: 17px !important;
    padding-right: 8.62069%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.movie h1.ttl_h1_s span {
    background: url("../images/forteachers/er/movie/ttl.png") no-repeat center left;
    background-size: 7.03125%;
    padding-left: 9.375%; }
    #forteachers.movie h1.ttl_h1_s span:before {
      display: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.movie h1.ttl_h1_s.close span {
    background-image: url("../images/forteachers/er/movie/ttl_close.png") !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.movie .openbox + h1 {
    margin-top: 7.8125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.movie .links_mov + h2 {
    margin-top: 7.8125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.gakuhan #sec01 {
    margin-bottom: 17.1875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.gakuhan #sec01 .txt {
    width: 100%;
    display: block;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.gakuhan #sec01 .txt p, #forteachers.gakuhan #sec01 .txt .disc {
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.gakuhan #sec01 .img {
    width: 100%;
    display: block; }
    #forteachers.gakuhan #sec01 .img img:first-child {
      margin-bottom: 9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.gakuhan #sec01 .name {
    padding: 6.89655%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy #pagenav {
    padding: 0 4.6875%;
    height: auto;
    position: fixed !important;
    top: 64px !important;
    z-index: 350; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy #sec01 p {
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy #sec01 .img01 {
    float: none;
    width: 100%;
    margin: 0 0 9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy #sec01 .img02 {
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy #sec01 {
    padding-bottom: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy #bg {
    height: 53.4375%;
    background-image: url("../images/forteachers/gakuhan/policy/sec01_02_sp.jpg");
    background-attachment: scroll;
    background-size: 100% auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy #bg .cover {
    padding-top: 53.4375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy #sec02 .ttl_h2_line, #forteachers.policy #sec03 .ttl_h2_line {
    font-size: 162%;
    margin-top: 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy #sec02 .txt p, #forteachers.policy #sec03 .txt p {
    width: 100%;
    display: block;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy #sec02 .txt .img, #forteachers.policy #sec03 .txt .img {
    width: 67.24138%;
    margin: 10.34483% auto;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy #sec02 .txt .img.img02 img, #forteachers.policy #sec03 .txt .img.img02 img {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.policy .mov + h2 {
    margin-top: 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.useful .inr .txt {
    width: 100%;
    display: block;
    padding: 0;
    border-right: none;
    border-top: 1px solid #e6e6e6;
    padding-top: 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.useful .inr .img {
    border-top: 1px solid #e6e6e6;
    width: 100%;
    display: block;
    text-align: center;
    padding: 12.5% 0;
    margin-top: 8.69565%; }
    #forteachers.useful .inr .img img {
      width: 45.68966%;
      margin: 0 auto 9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.useful .inr .name h2 {
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.useful .inr .ttl_h2_line {
    display: table;
    margin-left: auto;
    margin-right: auto;
    font-size: 131%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.software .item {
    display: block;
    padding: 6.25% 0;
    margin: 0 auto 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.software .item .txt, #forteachers.software .item .img, #forteachers.software .item .link {
    display: block;
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.software .item .txt {
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.software .item .txt ul .btn_more, #forteachers.software .item .txt ul #forteachers.portal .inr .btn_blank {
    margin: 0; }
  #forteachers.portal .inr #forteachers.software .item .txt ul .btn_blank, #forteachers.software .item .txt ul #software .btn_blank {
    margin: 0; }
  #software #forteachers.software .item .txt ul .btn_blank {
    margin: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.software .item .img {
    text-align: left;
    margin-bottom: 6.25%; }
    #forteachers.software .item .img img {
      width: 50%;
      margin: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.software .item .link {
    border: none;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities .list_box05 {
    margin-bottom: 10.9375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities .list_box05 li {
    display: block;
    width: 100%;
    border: solid #ededed !important;
    border-width: 0 0 1px !important;
    background: url("../images/link_blu_down.png") no-repeat left center;
    background-size: 22px;
    padding: 3.125% 0;
    padding-left: 30px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #serch, #forteachers.activities #form #select {
    display: block;
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #serch {
    padding-right: 0; }
    #forteachers.activities #form #serch h2.ttl {
      background: #0458c4;
      border-radius: 32px;
      color: #FFF;
      padding: .5em 0;
      text-align: center;
      margin-bottom: 10.9375%; }
    #forteachers.activities #form #serch #selectbox {
      display: none;
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 300;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 3.125%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #forteachers.activities #form #serch #selectbox.on {
        display: block; }
        #forteachers.activities #form #serch #selectbox.on .inr {
          width: 100%;
          max-height: 100%;
          padding: 7.8125% 3.125%;
          background: #FFF;
          overflow-y: auto;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
        #forteachers.activities #form #serch #selectbox.on .btn_close span {
          width: 30px;
          height: 30px;
          text-indent: -999px;
          overflow: hidden;
          white-space: nowrap;
          position: relative;
          background: url("../images/forteachers/er/activities/btn.png") no-repeat center left;
          background-size: contain;
          vertical-align: middle;
          display: block;
          float: right;
          margin-bottom: 10px; }
        #forteachers.activities #form #serch #selectbox.on .done {
          background: #0458c4;
          border-radius: 32px;
          color: #FFF;
          padding: .5em 0;
          text-align: center;
          margin-bottom: 7.8125%;
          display: block;
          font-size: 193%;
          line-height: 1.2; }
        #forteachers.activities #form #serch #selectbox.on dl {
          border-bottom: 1px solid #ededed; }
          #forteachers.activities #form #serch #selectbox.on dl dt {
            padding: 3.125% 0;
            background: url("../images/forteachers/er/activities/open.png") no-repeat center right;
            background-size: 15px auto;
            border-top: 1px solid #ededed; }
            #forteachers.activities #form #serch #selectbox.on dl dt.close {
              background: url("../images/forteachers/er/activities/close.png") no-repeat center right;
              background-size: 15px auto; }
          #forteachers.activities #form #serch #selectbox.on dl dd {
            border-bottom: none;
            padding: 0 0 6.25% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #serch dl dd li.ttl ul {
    padding-bottom: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #serch dl dd label {
    line-height: 1.6; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select #activities li {
    width: 100%;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select .pages {
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select .pages .result {
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select .pages ul {
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select .pages ul li {
    margin: 0 .5em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select .pages ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select #download .item {
    padding: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select #download .item .txt, #forteachers.activities #form #select #download .item .link {
    width: 100% !important;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select #download .item .txt p {
    margin-bottom: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select #download .item .txt ul li {
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select #download .item .txt ul a {
    margin: 0 0 4.6875%;
    display: block; } }

#software #forteachers.activities #form #select #download .item .txt ul .btn_blank {
  margin: 0;
  display: inline-block; }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select #download .item .txt ul .btn_more, #forteachers.activities #form #select #download .item .txt ul #forteachers.portal .inr .btn_blank {
    display: block; }
  #forteachers.portal .inr #forteachers.activities #form #select #download .item .txt ul .btn_blank, #forteachers.activities #form #select #download .item .txt ul #software .btn_blank {
    display: block; }
  #software #forteachers.activities #form #select #download .item .txt ul .btn_blank {
    display: block; } }

#forteachers.activities #form #select #download .item .link {
  border-left: 1px solid #ededed;
  padding-left: 3.52113%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #forteachers.activities #form #select #download .item .link .ttl_h2_line {
    font-size: 108%;
    margin-bottom: 2.8169%;
    font-size: fz; }
    #forteachers.activities #form #select #download .item .link .ttl_h2_line span::before {
      background: #ffd600 none repeat scroll 0 0;
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 3px;
      margin-bottom: 0;
      margin-right: .5em;
      width: 1em; }
  #forteachers.activities #form #select #download .item .link p {
    margin-bottom: 4.92958%; }

#forteachers.events .filter {
  margin-bottom: 60px; }
  #forteachers.events .filter li {
    width: 240px;
    display: inline-block;
    margin-right: 2%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 10px 15px;
    border-radius: 25px;
    background-color: #dadada;
    background-image: url("../images/forteachers/events/check.png") !important;
    background-size: 12px auto;
    background-position: 18px center;
    background-repeat: no-repeat;
    color: #FFF;
    cursor: pointer;
    font-size: 116%;
    position: relative; }
    #forteachers.events .filter li span {
      width: 1em;
      border-left: 1px solid rgba(255, 255, 255, 0.5);
      display: block;
      padding-left: 10px;
      position: absolute;
      right: 15px;
      top: 10px; }
    #forteachers.events .filter li.all.active, #forteachers.events .filter li.all:hover {
      background-color: #ffd600; }
    #forteachers.events .filter li.event.active, #forteachers.events .filter li.event:hover {
      background-color: #00a6ff; }
    #forteachers.events .filter li.case.active, #forteachers.events .filter li.case:hover {
      background-color: #1d2080; }

#forteachers.events ul.list li {
  position: relative; }
  #forteachers.events ul.list li .tag {
    width: 180px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
    color: #FFF;
    border-radius: 0 0 10px;
    text-align: center;
    padding: .3em 1.5em; }
  #forteachers.events ul.list li .detail {
    margin: 10px 0; }
    #forteachers.events ul.list li .detail li {
      margin: 0; }
  #forteachers.events ul.list li.case h2 {
    color: #1d2080; }
  #forteachers.events ul.list li.case .tag {
    background: #1d2080; }
  #forteachers.events ul.list li.case .detail span {
    color: #1d2080; }
  #forteachers.events ul.list li.event h2 {
    color: #00a6ff; }
  #forteachers.events ul.list li.event .tag {
    background: #00a6ff; }
  #forteachers.events ul.list li.event .detail span {
    color: #00a6ff; }
  #forteachers.events ul.list li h2 + .btn_more, #forteachers.events ul.list li #forteachers.portal .inr h2 + .btn_blank {
    margin-top: 10px; }

#forteachers.portal .inr #forteachers.events ul.list li h2 + .btn_blank, #forteachers.events ul.list li #software h2 + .btn_blank {
  margin-top: 10px; }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.activities #form #select #download .item .link {
    border: none;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.events .filter {
    margin-bottom: 10%; } }

@media (min-width: 768px) {
  #forteachers.events .filter li {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.events .filter li {
    width: 100%;
    margin: 0 0 2%;
    font-size: 108%; }
    #forteachers.events .filter li:first-child {
      margin-right: 2%; } }

@media (min-width: 768px) {
  #forteachers.events ul.list li .img {
    width: 36.97183%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.events ul.list li {
    margin-bottom: 6%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.events ul.list li .detail li {
    margin-bottom: .5em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.events ul.list li .detail li span {
    display: block; } }

#software #forteachers.events ul.list li h2 + .btn_blank {
  margin-top: 10px; }

#forteachers.pages .tag {
  text-align: center;
  margin-bottom: 70px; }

#forteachers.pages .profile li {
  border: solid #ededed;
  border-width: 1px 0;
  margin: 20px 0;
  padding: 20px 0;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #forteachers.pages .profile li:last-child {
    margin-bottom: 70px; }

#forteachers.pages .profile .image, #forteachers.pages .profile .txt {
  display: table-cell;
  vertical-align: middle; }

#forteachers.pages .profile .image {
  width: 20%;
  text-align: center; }
  #forteachers.pages .profile .image img.auto {
    width: auto;
    margin: 0 auto; }

#forteachers.pages .profile .txt {
  padding: 0 4.58333%; }

#forteachers.pages .profile .txt-inr {
  display: table;
  width: 100%; }

#forteachers.pages .profile .txt-inr__01 {
  display: table-cell;
  vertical-align: middle; }

#forteachers.pages .profile .txt-inr__02 {
  display: table-cell;
  vertical-align: middle;
  padding-left: 4.58333%;
  width: 65%;
  border-left: 1px solid #ededed; }

#forteachers.pages .profile .txt h2 {
  color: #00a6ff;
  display: inline-block; }

#forteachers.pages .pic {
  margin: 70px 0;
  text-align: center; }
  #forteachers.pages .pic li {
    display: inline-block;
    vertical-align: top;
    width: 31.66667%;
    margin-left: 1.66667%; }
    #forteachers.pages .pic li:first-child {
      margin-left: 0; }
  #forteachers.pages .pic.pic02 li {
    width: 49.16667%; }

#forteachers.pages.case03 .title02 {
  width: 52.11268%;
  display: table;
  margin: 0 auto 40px; }
  #forteachers.pages.case03 .title02 h2 {
    width: 67.56757%;
    display: table-cell;
    vertical-align: middle; }
  #forteachers.pages.case03 .title02 .image {
    width: 32.43243%;
    display: table-cell;
    padding-left: 5.55556%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

#forteachers.pages.case03 .graph {
  text-align: center;
  margin: 0 auto 70px; }
  #forteachers.pages.case03 .graph li {
    display: inline-block;
    width: 41.5493%;
    text-align: left; }
    #forteachers.pages.case03 .graph li p {
      width: 57.62712%;
      display: inline-block;
      vertical-align: middle; }
    #forteachers.pages.case03 .graph li .image {
      width: 25.42373%;
      padding: 5.08475%;
      display: inline-block;
      vertical-align: middle; }
    #forteachers.pages.case03 .graph li:nth-child(even) {
      padding-left: 6.77966%; }
    #forteachers.pages.case03 .graph li:nth-child(1) {
      border-bottom: 1px solid #eee;
      border-right: 1px solid #eee; }
    #forteachers.pages.case03 .graph li:nth-child(2) {
      border-bottom: 1px solid #eee; }
    #forteachers.pages.case03 .graph li:nth-child(3) {
      border-right: 1px solid #eee; }
    #forteachers.pages.case03 .graph li:last-child {
      border: none; }

#forteachers.pages.event02 .pic {
  width: 36.44068%;
  float: right;
  margin-top: 0; }

#forteachers.pages.event02 .txt {
  width: 61.01695%;
  float: left; }

#forteachers.pages.event03 .pic {
  width: 36.44068%;
  float: right;
  margin-top: 0; }
  #forteachers.pages.event03 .pic li {
    width: 100%;
    display: block;
    margin: 0 0 2.32558%; }

#forteachers.pages.event03 .txt {
  width: 61.01695%;
  float: left; }
  #forteachers.pages.event03 .txt p a {
    color: #00a6ff;
    text-decoration: underline; }

#forteachers.pages.case04 .profile--box {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 3.52113% 4.22535% 0.70423%;
  margin-bottom: 8.4507%; }
  #forteachers.pages.case04 .profile--box li {
    display: inline-block;
    vertical-align: top;
    width: 14.08451%;
    border: none;
    margin: 0 2.8169% 2.8169%; }
    #forteachers.pages.case04 .profile--box li h2 {
      color: #00a6ff;
      display: inline-block;
      font-size: 108% !important; }
  #forteachers.pages.case04 .profile--box .image {
    margin-bottom: 10.34483%; }

#forteachers.pages.case04 .ttl_h2 {
  color: #1d2080;
  font-size: 316% !important;
  text-align: left;
  margin-bottom: 2.8169%; }

#forteachers.pages.case04 .image {
  margin-bottom: 8.4507%; }

#forteachers.pages.case04 .image60 {
  margin-bottom: 4.22535%; }

#forteachers.pages.case04 h3 {
  color: #00a6ff;
  font-size: 216%; }

#forteachers.pages.case04 .tbl {
  width: 100%;
  display: table; }

#forteachers.pages.case04 .tbl-col {
  width: 50%;
  display: table-cell; }
  #forteachers.pages.case04 .tbl-col ul.half {
    width: 50%;
    float: left; }
  #forteachers.pages.case04 .tbl-col ul li {
    margin-bottom: 30px; }
    #forteachers.pages.case04 .tbl-col ul li dt {
      font-weight: bold;
      color: #3e3a39;
      font-size: 139%; }

#forteachers.pages.case04 .tbl > dt, #forteachers.pages.case04 .tbl > dd {
  display: table-cell; }

#forteachers.pages.case04 .tbl > dt {
  width: 10em; }

#forteachers.pages.case04 .casebox {
  background: #f5f5f5;
  padding: 4.22535% 14.08451%; }

#forteachers.pages.case04 .casebox__tbl {
  display: table;
  width: 100%;
  padding: 4.22535%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#forteachers.pages.case04 .casebox__tbl--image {
  display: table-cell;
  vertical-align: middle;
  width: 26.92308%; }

#forteachers.pages.case04 .casebox__tbl--txt {
  display: table-cell;
  vertical-align: middle;
  padding-left: 4.61538%; }

#forteachers.pages.case04 .casebox p {
  margin-bottom: 2.30769%; }

#forteachers.pages.case04 .casebox em {
  color: #3e3a39; }

#forteachers.pages.event03_id .tag {
  text-align: left; }

#forteachers.pages.event03_id .wrap {
  border-top: 1px solid #e6e6e6;
  padding: 7.04225% 0; }
  #forteachers.pages.event03_id .wrap .pic {
    width: 40.84507%;
    float: left;
    margin: 0;
    margin-bottom: 3.75%; }
    #forteachers.pages.event03_id .wrap .pic img {
      vertical-align: top; }
  #forteachers.pages.event03_id .wrap .txt {
    width: 56.33803%;
    float: right; }
    #forteachers.pages.event03_id .wrap .txt p {
      margin-bottom: 3.75%; }
      #forteachers.pages.event03_id .wrap .txt p a {
        text-decoration: underline;
        color: #00a6ff; }

#forteachers.portal .inr .txtlead {
  margin-bottom: 2.8169%; }

#forteachers.portal .inr .lead {
  text-align: center;
  margin-bottom: 2.8169%; }

#forteachers.portal .inr .img_right {
  margin: 0 auto; }
  #forteachers.portal .inr .img_right img {
    width: auto;
    max-width: 694px; }

#forteachers.portal .inr .img_term02 {
  width: 71.83099%;
  margin: 0 auto;
  text-align: center; }
  #forteachers.portal .inr .img_term02 img {
    width: auto;
    max-width: 100%; }

#forteachers.portal .inr .img_term {
  width: 78.87324%;
  margin: 0 auto;
  text-align: center; }
  #forteachers.portal .inr .img_term li {
    display: inline-block;
    width: 48.87324%;
    margin: 1.40845%; }
    #forteachers.portal .inr .img_term li .term {
      font-size: 193%;
      color: #1d2080; }
    #forteachers.portal .inr .img_term li .data {
      color: #000;
      display: inline-block;
      padding: .5em;
      border: solid #000;
      border-width: 1px 0 1px 0;
      white-space: nowrap; }
    #forteachers.portal .inr .img_term li img {
      width: 100%;
      max-width: 694px;
      margin: 15px auto; }
    #forteachers.portal .inr .img_term li.soon {
      width: 27.25352%; }

#forteachers.portal .inr .img_term03 {
  display: table; }
  #forteachers.portal .inr .img_term03 li {
    display: inline-block;
    margin: 0;
    width: 70.42254%;
    margin-right: 1.40845%; }
    #forteachers.portal .inr .img_term03 li.soon {
      width: 28.16901%;
      margin-right: 0; }
    #forteachers.portal .inr .img_term03 li img {
      max-width: 100%;
      max-height: 258px;
      margin-right: auto;
      margin-left: auto; }

#forteachers.portal .inr .img_term04 {
  display: table;
  width: 100%; }
  #forteachers.portal .inr .img_term04 li {
    display: inline-block;
    margin: 0;
    width: 52.8169%;
    margin-right: 1.40845%; }
    #forteachers.portal .inr .img_term04 li.soon {
      width: 31.69014%;
      margin-right: 0; }
    #forteachers.portal .inr .img_term04 li img {
      margin-right: auto;
      margin-left: auto; }

#forteachers.portal .inr .btn {
  margin: 4.92958% 0 7.04225%; }

#forteachers.portal .inr .btn_more.disable, #forteachers.portal .inr .disable.btn_blank, #forteachers.portal .inr .btn_more.disable:hover, #forteachers.portal .inr .disable.btn_blank:hover {
  background: #C7C7C7 !important;
  border: 2px solid #C7C7C7 !important;
  color: #FFF !important; }

#forteachers.portal .inr .btn_blank:after {
  background-image: url("../images/blank_bk.png");
  width: 12px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#forteachers.portal .inr .btn_blu {
  background: #ee0000; }
  #forteachers.portal .inr .btn_blu:hover {
    background: #ef4848; }

#forteachers.portal .inr .col {
  display: block;
  width: 31.69014%;
  background: #FFF;
  padding: 2.11268% 3.52113% 3.52113%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-left: 2.46479%;
  margin-bottom: 2.46479%; }
  #forteachers.portal .inr .col .point {
    width: 23.33333%;
    position: absolute;
    top: -2.8169%;
    left: 6.89655%; }
    #forteachers.portal .inr .col .point img {
      width: 100%;
      max-width: 105px; }
  #forteachers.portal .inr .col.col01 {
    margin-left: 0; }
  #forteachers.portal .inr .col .icon, #forteachers.portal .inr .col .txt, #forteachers.portal .inr .col .img {
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #forteachers.portal .inr .col .btn {
    margin: 0 auto; }
  #forteachers.portal .inr .col .icon {
    margin: 0 auto;
    margin-bottom: 3.52113%;
    width: 100%;
    display: table; }
    #forteachers.portal .inr .col .icon span {
      display: table-cell;
      vertical-align: middle; }
    #forteachers.portal .inr .col .icon img {
      width: 100%;
      max-width: 290px;
      display: block;
      margin: 0 auto; }
  #forteachers.portal .inr .col .txt {
    margin-bottom: 11.11111%; }
    #forteachers.portal .inr .col .txt.txt04 {
      margin-bottom: 0; }
  #forteachers.portal .inr .col .txt02 {
    padding-bottom: 11.11111%;
    border-bottom: 1px solid #e6e6e6; }
  #forteachers.portal .inr .col .txt h2 {
    margin-bottom: 6.66667%;
    display: table;
    width: 100%;
    text-align: center; }
    #forteachers.portal .inr .col .txt h2 span {
      display: table-cell;
      vertical-align: middle; }
  #forteachers.portal .inr .col .txt p + p {
    margin-top: 1em; }
  #forteachers.portal .inr .col .txt img {
    margin: 11.11111% auto; }
  #forteachers.portal .inr .col .img {
    text-align: center; }
    #forteachers.portal .inr .col .img img {
      width: auto;
      max-width: 100%; }

#forteachers #checkbox {
  border: solid #ededed;
  border-width: 2px 0;
  text-align: center;
  padding: 2.46914% 0;
  margin: 0 auto 4.93827%;
  font-size: 124%; }
  #forteachers #checkbox a {
    color: #00a6ff;
    text-decoration: underline; }
  #forteachers #checkbox label {
    background: url("../images/check.png") no-repeat scroll left center;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    overflow: hidden;
    padding: 0 0 0 44px; }
    #forteachers #checkbox label.on {
      background-image: url("../images/check_on.png"); }
    #forteachers #checkbox label input[type="checkbox"] {
      opacity: 0;
      position: absolute; }

#forteachers .disabled {
  pointer-events: none; }
  #forteachers .disabled .btn_dl {
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    -ms-opacity: 0.5; }

#forteachers.voice h1.lead {
  font-size: 139%;
  text-align: center; }
  #forteachers.voice h1.lead span {
    position: relative;
    display: inline-block;
    z-index: 1; }
    #forteachers.voice h1.lead span:before {
      content: '';
      width: 100%;
      height: 5px;
      display: block;
      background: #ffd600;
      position: absolute;
      bottom: 2px;
      z-index: -1; }

#forteachers.voice .voice_list li {
  width: 31.69014%;
  display: inline-block;
  vertical-align: top;
  background: #FFF;
  margin: 0 2.46479% 2.46479% 0; }
  #forteachers.voice .voice_list li:nth-child(3n) {
    margin-right: 0; }
  #forteachers.voice .voice_list li .image {
    width: 100%; }
  #forteachers.voice .voice_list li .txt {
    padding: 10% 8.88889%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #forteachers.voice .voice_list li .txt h2 {
      color: #00a6ff;
      font-size: 116%;
      font-size: 18px;
      position: relative;
      margin-bottom: .5em; }
      #forteachers.voice .voice_list li .txt h2:before {
        content: '';
        width: 1em;
        height: 2px;
        display: block;
        background: #ffd600;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        transform: translateY(-0.5em); }

#forteachers.math_education .lead {
  font-size: 139%;
  text-align: center;
  color: #3e3a39; }
  #forteachers.math_education .lead span {
    position: relative;
    display: inline-block;
    z-index: 1; }
    #forteachers.math_education .lead span:before {
      content: '';
      width: 100%;
      height: 5px;
      display: block;
      background: #ffd600;
      position: absolute;
      bottom: 2px;
      z-index: -1; }

#forteachers.math_education .inr .arrow {
  width: 10.35211%;
  margin: 1.76056% auto 2.8169%; }

#forteachers.math_education #sec01.inr {
  background-image: url("../images/forteachers/math_education/bg_pc.png") !important;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% auto;
  padding-bottom: 7.04225%; }

#forteachers.math_education #sec01 .tbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2.8169%; }

#forteachers.math_education #sec01 .tbl_txt {
  width: 49.29577%; }

#forteachers.math_education #sec01 .tbl_img {
  width: 49.29577%; }
  #forteachers.math_education #sec01 .tbl_img img {
    width: 100%;
    -webkit-transform: translateY(-12.85714%);
    -ms-transform: translateY(-12.85714%);
    transform: translateY(-12.85714%); }

#forteachers.math_education #sec02 .tbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#forteachers.math_education #sec02 dl {
  width: 49.29577%;
  letter-spacing: normal;
  display: table; }
  #forteachers.math_education #sec02 dl dt {
    color: #FFF;
    text-align: center;
    font-size: 216%;
    padding: 0 .5em; }
  #forteachers.math_education #sec02 dl dd {
    display: table; }
  #forteachers.math_education #sec02 dl figure {
    width: 34.28571%;
    display: table-cell;
    vertical-align: top;
    position: relative;
    overflow: hidden; }
    #forteachers.math_education #sec02 dl figure img {
      position: absolute;
      width: auto;
      height: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  #forteachers.math_education #sec02 dl .txt {
    display: table-cell;
    vertical-align: top;
    padding: 2.85714%; }
    #forteachers.math_education #sec02 dl .txt ul li {
      display: inline-block;
      background: #ffd600;
      color: #3e3a39;
      text-align: center;
      width: 26.08696%;
      border-radius: 50%;
      font-size: 1vw;
      line-height: 1;
      padding-bottom: 26.08696%;
      position: relative;
      margin-top: 4.34783%; }
      #forteachers.math_education #sec02 dl .txt ul li span {
        position: absolute;
        display: block;
        width: 100%;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        transform: translateY(-0.5em);
        text-align: center; }
      #forteachers.math_education #sec02 dl .txt ul li + li {
        margin-left: 4.34783%; }
  #forteachers.math_education #sec02 dl.teachers dt {
    background: #00a6ff; }
  #forteachers.math_education #sec02 dl.teachers dd {
    background: #dcedf6; }
  #forteachers.math_education #sec02 dl.students dt {
    background: #259666; }
  #forteachers.math_education #sec02 dl.students dd {
    background: #e0ebe6; }
  #forteachers.math_education #sec02 dl.schools {
    width: 66.19718%;
    margin: 0 auto; }
    #forteachers.math_education #sec02 dl.schools dt {
      background: #6b4494; }
    #forteachers.math_education #sec02 dl.schools dd {
      background: #e7e3eb;
      position: relative; }
      #forteachers.math_education #sec02 dl.schools dd .thumb {
        width: 25%;
        position: absolute;
        right: 0;
        bottom: 0;
        -webkit-transform: translate(20%, 20%);
        -ms-transform: translate(20%, 20%);
        transform: translate(20%, 20%); }
    #forteachers.math_education #sec02 dl.schools figure {
      width: 38.29787%;
      display: table-cell;
      vertical-align: top; }
      #forteachers.math_education #sec02 dl.schools figure img {
        width: 100%;
        height: auto;
        position: static;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset; }

#forteachers.math_education #sec02 .bg_tbl {
  width: 49.01408%;
  margin: 0 auto; }

#forteachers.math_education #sec03 .lead {
  margin-bottom: 4.22535%; }

#forteachers.math_education #sec03 .lead02 {
  font-weight: bold;
  margin-bottom: 1.40845%;
  color: #3e3a39;
  text-align: center; }

#forteachers.math_education #sec03 .blackboard {
  margin: 4.22535% auto;
  width: 77.46479%; }
  #forteachers.math_education #sec03 .blackboard img {
    width: 100%; }
  #forteachers.math_education #sec03 .blackboard.blackboard01 {
    position: relative; }
    #forteachers.math_education #sec03 .blackboard.blackboard01 .sub01 {
      position: absolute;
      width: 15.09804%;
      top: 0;
      left: 0;
      -webkit-transform: translate(-77.92208%, -33.76623%);
      -ms-transform: translate(-77.92208%, -33.76623%);
      transform: translate(-77.92208%, -33.76623%); }
    #forteachers.math_education #sec03 .blackboard.blackboard01 .sub02 {
      position: absolute;
      width: 15.29412%;
      bottom: 0;
      left: 0;
      -webkit-transform: translate(-55.12821%, 50.95057%);
      -ms-transform: translate(-55.12821%, 50.95057%);
      transform: translate(-55.12821%, 50.95057%); }
    #forteachers.math_education #sec03 .blackboard.blackboard01 .sub03 {
      position: absolute;
      width: 24.21569%;
      top: 0;
      right: 0;
      -webkit-transform: translate(30.36212%, 37.14286%);
      -ms-transform: translate(30.36212%, 37.14286%);
      transform: translate(30.36212%, 37.14286%); }

#forteachers.math_education #sec03 .sub {
  width: 17.60563%;
  float: right;
  -webkit-transform: translate(20%, -80%);
  -ms-transform: translate(20%, -80%);
  transform: translate(20%, -80%);
  margin-bottom: -14.08451%; }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages .tag {
    margin-bottom: 35px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages .profile li {
    margin: 20px 0;
    padding: 35px 0;
    text-align: center; }
    #forteachers.pages .profile li:last-child {
      margin-bottom: 35px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages .profile .image, #forteachers.pages .profile .txt {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages .profile .image {
    width: 100%;
    margin: 0 auto 20px; }
    #forteachers.pages .profile .image img {
      width: 61.33333%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages .profile .txt {
    width: 100%;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages .profile .txt-inr__01, #forteachers.pages .profile .txt-inr__02 {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages .profile .txt-inr__02 {
    padding: 4.6875% 0 0;
    width: 100%;
    border: none;
    text-align: left; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages .pic {
    margin: 35px 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages .pic li {
    width: 100% !important;
    display: block;
    margin: 0 0 20px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case03 .title02 {
    width: 100%;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case03 .title02 h2 {
    width: 100%;
    display: block;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case03 .title02 .image {
    width: 52.5%;
    margin: 0 auto;
    padding: 0;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case03 .graph li {
    width: 100%;
    display: table;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 13.33333%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case03 .graph li p {
    width: 65%;
    display: table-cell;
    vertical-align: top; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case03 .graph li .image {
    width: 35%;
    display: table-cell;
    padding: 0;
    padding-left: 6.66667% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.event02 .pic {
    width: 100%;
    float: none;
    margin-bottom: 35px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.event02 .txt {
    width: 100%;
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.event03 .pic {
    width: 100%;
    float: none;
    margin: 35px 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.event03 .txt {
    width: 100%;
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .profile--box {
    padding: 7.8125% 0 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .profile--box li {
    width: 46.55172%;
    margin: 0 0 6.89655%; }
    #forteachers.pages.case04 .profile--box li:nth-child(2n) {
      margin-left: 6.89655%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .profile--box .image {
    margin-bottom: 6.89655%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .ttl_h2 {
    margin-bottom: 6.25%;
    font-size: 216% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .image {
    margin-bottom: 28.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .image60 {
    margin-bottom: 15.625%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 h3 {
    font-size: 154%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .tbl {
    margin-bottom: 6.25%; }
    #forteachers.pages.case04 .tbl.image {
      margin-bottom: 15.625%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .tbl-col {
    display: block;
    width: 100%; }
    #forteachers.pages.case04 .tbl-col ul {
      width: 100% !important;
      float: none !important;
      margin-bottom: 4.6875%; }
      #forteachers.pages.case04 .tbl-col ul.end {
        margin-bottom: 0; }
      #forteachers.pages.case04 .tbl-col ul li {
        margin-bottom: 4.6875%; }
        #forteachers.pages.case04 .tbl-col ul li:last-child {
          margin-bottom: 0; }
        #forteachers.pages.case04 .tbl-col ul li dt {
          font-weight: bold;
          color: #3e3a39;
          font-size: 108%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .tbl > dt, #forteachers.pages.case04 .tbl > dd {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .casebox {
    padding: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .casebox__tbl {
    padding: 6.25%; }
  #forteachers.pages.case04 .casebox__tbl--image {
    display: block;
    vertical-align: middle;
    width: 62.5%;
    margin: 0 auto; }
  #forteachers.pages.case04 .casebox__tbl--txt {
    display: block;
    vertical-align: middle;
    padding: 3.125% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.case04 .casebox p {
    margin-bottom: 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.event03_id .wrap {
    padding: 15.625% 0 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.event03_id .wrap .pic {
    width: 100%;
    float: none;
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.pages.event03_id .wrap .txt {
    width: 100%;
    float: none;
    margin-bottom: 15.625% 0; }
    #forteachers.pages.event03_id .wrap .txt p {
      margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .lead {
    width: 100%;
    margin-bottom: 6.25%;
    display: block;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .img_right {
    width: 82.16667%;
    display: block;
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .img_term02 {
    width: 100%; }
    #forteachers.portal .inr .img_term02 img {
      width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .img_term {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .img_term li {
    width: 100% !important;
    margin: 0 auto 6.25% !important;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .img_term03 li img {
    max-height: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .img_term04 li img {
    max-height: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .btn {
    margin: 10.9375% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .col {
    width: 100%;
    padding: 7.8125%;
    margin: 0 0 9.375%;
    flaot: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .col .point {
    top: -1.5625%;
    left: 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .col .icon, #forteachers.portal .inr .col .txt, #forteachers.portal .inr .col .img {
    display: block;
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .col .icon {
    margin-bottom: 5.46875%; }
    #forteachers.portal .inr .col .icon img {
      width: 83.33333%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .col .txt {
    padding: 0;
    margin-bottom: 5.46875%;
    border: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .col .txt h2 {
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .col .img {
    padding: 0; }
    #forteachers.portal .inr .col .img img {
      display: block;
      margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.portal .inr .col .txt img {
    margin: 5.46875% auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers #checkbox {
    padding: 6.25%;
    margin: 0 auto 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers #checkbox label {
    background-size: 20px;
    padding: 0 0 0 30px;
    line-height: 1.6; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.voice h1.lead span:before {
    height: 3px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.voice .voice_list li {
    width: 100%;
    margin: 0 0 5.46875% 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.voice .voice_list li .txt {
    width: 100%;
    margin-right: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education .lead span:before {
    height: 3px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education .inr .arrow {
    width: 24.5%;
    margin: 6.66667% auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec01.inr {
    background-image: url("../images/forteachers/math_education/bg_sp.png") !important;
    padding-bottom: 34.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec01 .tbl {
    display: block;
    margin-top: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec01 .tbl_txt, #forteachers.math_education #sec01 .tbl_img {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec01 .tbl_img {
    margin-top: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec01 .tbl_img img {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec02 dl {
    width: 48.33333%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec02 dl dt {
    font-size: 116%;
    padding: .5em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec02 dl figure {
    width: 100%;
    display: block; }
    #forteachers.math_education #sec02 dl figure img {
      width: 100%;
      height: auto;
      position: static;
      -webkit-transform: unset;
      -ms-transform: unset;
      transform: unset; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec02 dl .txt {
    display: block;
    padding: 6.89655%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec02 dl .txt ul {
    text-align: center;
    font-size: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec02 dl .txt ul li {
    width: 44.82759%;
    padding-bottom: 44.82759%;
    margin-top: 1.72414%;
    font-size: 8px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec02 dl .txt ul li + li {
    margin-left: 6.89655%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec02 dl .txt ul li:last-child {
    margin: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec02 dl.schools {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec02 dl.schools figure {
    width: 100%;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec02 .bg_tbl {
    width: 58.66667%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec03 .blackboard {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec03 .blackboard.blackboard01 .sub01 {
    width: 12.5%;
    -webkit-transform: translate(-38.96104%, -70%);
    -ms-transform: translate(-38.96104%, -70%);
    transform: translate(-38.96104%, -70%); } }

@media (min-width: 0px) and (max-width: 767px) {
  #forteachers.math_education #sec03 .blackboard.blackboard01 .sub02 {
    width: 15.625%;
    -webkit-transform: translate(-22.81369%, 70%);
    -ms-transform: translate(-22.81369%, 70%);
    transform: translate(-22.81369%, 70%); } }

@media (min-width: 0px) and (max-width: 767px) {
  body#forteachers.policy {
    padding-top: 124px; } }

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes rotate-right {
  0% {
    -webkit-transform: translate(-100%) rotate(-100deg);
    transform: translate(-100%) rotate(-100deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes rotate-right {
  0% {
    -webkit-transform: translate(-100%) rotate(-100deg);
    transform: translate(-100%) rotate(-100deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }

.is-animated {
  -webkit-animation: .6s zoom-in;
  animation: .6s zoom-in; }

#link #title_area.top {
  background: url("../images/links/bg_title.png") right top no-repeat, -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/links/bg_title.png") right top no-repeat, -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/links/bg_title.png") right top no-repeat, -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* Chrome10-25,Safari5.1-6 */ }

#link ul.links_blu li, #link ul.links_mov li {
  width: 23.94366%;
  padding: 1em 0;
  border: solid #e6e6e6;
  border-width: 1px 0;
  display: inline-block;
  vertical-align: top;
  margin-right: 1.40845%;
  margin-top: 0 !important; }

#link ul.links_blu li:nth-child(4n), #link ul.links_mov li:nth-child(4n) {
  margin-right: 0; }

#link ul.links_blu li:nth-child(n+5), #link ul.links_mov li:nth-child(n+5) {
  border-top: none; }

#link .ttl_h2 {
  margin-bottom: 1.40845%; }

#link ul.links_blu + .ttl_h1, #link ul.links_blu + .ttl_h2 {
  margin-top: 7.04225%; }

@media (min-width: 0px) and (max-width: 767px) {
  #link ul.links_blu li, #link ul.links_mov li {
    width: 100%;
    margin-right: 0;
    display: block; }
  #link ul.links_blu li:nth-child(n+2), #link ul.links_mov li:nth-child(n+2) {
    border-top: none; } }

@media all and (min-width: 767px) {
  #link ul.links_blu li a:hover, #link ul.links_mov li a:hover, #link ul.links_blu li a:active, #link ul.links_mov li a:active {
    color: #0458c4; } }

@media (min-width: 0px) and (max-width: 767px) {
  #link .ttl_h2 {
    margin-bottom: 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #link ul.links_blu + .ttl_h1, #link ul.links_blu + .ttl_h2 {
    margin-top: 15.625%; } }

#support #title_area.top {
  background: url("../images/support/bg_title.png") right top no-repeat, -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/support/bg_title.png") right top no-repeat, -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/support/bg_title.png") right top no-repeat, -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* Chrome10-25,Safari5.1-6 */ }

#support .list_box03 {
  text-align: center; }
  #support .list_box03 li {
    width: 32.39437%;
    padding: 2.46914% 0 3.7037%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 1.40845%; }
    #support .list_box03 li:nth-child(3n) {
      margin-right: 0; }
    #support .list_box03 li .img {
      width: 36.30435%;
      margin: 0 auto 1.40845%; }
      #support .list_box03 li .img.img02 {
        width: 30.6%; }
    #support .list_box03 li .btn_more, #support .list_box03 li #forteachers.portal .inr .btn_blank {
      margin: 0 auto; }

#forteachers.portal .inr #support .list_box03 li .btn_blank, #support .list_box03 li #software .btn_blank, #software #support .list_box03 li .btn_blank {
  margin: 0 auto; }

#support .list_box03 li .txt .ttl_h1_s {
  margin-bottom: 0; }

#support .list_box03 li .txt p {
  margin-bottom: 2.8169%; }

#support .list_mov li {
  width: auto;
  margin: 0 2.8169%;
  padding: 0; }
  #support .list_mov li .btn_more, #support .list_mov li #forteachers.portal .inr .btn_blank {
    display: block; }

@media (min-width: 0px) and (max-width: 767px) {
  #support .list_box03 li {
    width: 100%;
    margin-left: 0;
    display: block;
    padding: 6.25% 0 9.375%; }
    #support .list_box03 li .img {
      width: 39.0625%;
      margin: 0 auto 3.125%; }
      #support .list_box03 li .img.img02 {
        width: 35.9375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support .list_mov li {
    display: inline-block; } }

#forteachers.portal .inr #support .list_mov li .btn_blank, #support .list_mov li #software .btn_blank, #software #support .list_mov li .btn_blank {
  display: block; }

#support .list_mov li .btn_more:after, #support .list_mov li #forteachers.portal .inr .btn_blank:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#forteachers.portal .inr #support .list_mov li .btn_blank:after, #support .list_mov li #software .btn_blank:after, #software #support .list_mov li .btn_blank:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#support .list_mov li .btn_more:hover:after, #support .list_mov li #forteachers.portal .inr .btn_blank:hover:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right_w.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#forteachers.portal .inr #support .list_mov li .btn_blank:hover:after, #support .list_mov li #software .btn_blank:hover:after, #software #support .list_mov li .btn_blank:hover:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right_w.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#support .ttl_h1_s {
  margin-bottom: 0; }

#support .list_box01 {
  margin-bottom: 5.6338%; }
  #support .list_box01 .img {
    width: 51.40845%;
    margin: 0 auto 2.11268%; }
  #support .list_box01 .btn_more, #support .list_box01 #forteachers.portal .inr .btn_blank {
    margin: 0 auto; }

@media (min-width: 0px) and (max-width: 767px) {
  #support .list_box01 .img {
    width: 100%;
    margin: 0 auto 6.25%; } }

#forteachers.portal .inr #support .list_box01 .btn_blank, #support .list_box01 #software .btn_blank, #software #support .list_box01 .btn_blank {
  margin: 0 auto; }

#support.qsg .col-tbl {
  width: 100%;
  display: table;
  border: solid #dadada;
  border-width: 0 1px 1px 1px; }
  #support.qsg .col-tbl:first-child {
    border-top: 1px solid #dadada; }
  #support.qsg .col-tbl .col {
    display: table-cell;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #support.qsg .col-tbl .col .col-inr {
      display: table;
      width: 100%; }
    #support.qsg .col-tbl .col .col-inr-mid {
      display: table-cell;
      width: 100%;
      vertical-align: middle; }
    #support.qsg .col-tbl .col h2 {
      background: #f2f2f2;
      padding: 20px 35px;
      border-bottom: 1px solid #dadada;
      text-align: left; }

#support.qsg .col-tbl__image {
  width: 33.80282%;
  text-align: center; }
  #support.qsg .col-tbl__image .col-inr {
    padding: 11.45833% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }
    #support.qsg .col-tbl__image .col-inr h3 {
      margin-bottom: 20px;
      font-weight: normal; }
    #support.qsg .col-tbl__image .col-inr .image {
      margin-bottom: 20px; }
      #support.qsg .col-tbl__image .col-inr .image img {
        width: 55.20833%; }

#support.qsg .col-tbl__list {
  width: 66.19718%;
  border-left: 1px solid #dadada; }
  #support.qsg .col-tbl__list li {
    border-bottom: 1px dotted #dadada;
    padding: 20px 35px; }
    #support.qsg .col-tbl__list li:last-child {
      border-bottom: none; }
    #support.qsg .col-tbl__list li a {
      margin-left: 5px; }

#support.gplv2 .date {
  text-align: center;
  margin-bottom: 3.52113%;
  font-size: 185%; }

#support.gplv2 #gplv2 {
  border-top: 1px solid #dfdfdf;
  padding-top: 3.52113%; }
  #support.gplv2 #gplv2 h3 {
    font-size: 139%;
    margin-bottom: 1.40845%;
    margin-top: 4.22535%;
    color: #1d2080; }
    #support.gplv2 #gplv2 h3 span:before {
      content: '';
      display: block;
      width: 1em;
      height: 3px;
      background: #ffd600;
      margin-bottom: .5em; }
  #support.gplv2 #gplv2 p, #support.gplv2 #gplv2 ul {
    margin-bottom: 2.11268%; }
  #support.gplv2 #gplv2 p.indent, #support.gplv2 #gplv2 ul.indent {
    text-indent: 0; }

#support.agreement dl dt {
  font-size: 124%;
  color: #1d2080; }

#support.agreement dl dd {
  margin-bottom: 2.8169%; }

#support.agreement .lead {
  text-align: center; }

#support .errorFrameline {
  background: #ffe6e6;
  padding: 2.8169%;
  border-radius: 5px;
  margin-bottom: 4.93827%; }
  #support .errorFrameline em {
    color: #F00; }
  #support .errorFrameline a {
    text-decoration: underline;
    color: #00a6ff; }

#support.lessonmaterials .col {
  width: 80%;
  margin: 0 auto; }

#support.lessonmaterials .btn-r {
  margin-bottom: 5.55556%; }
  #support.lessonmaterials .btn-r a {
    float: right; }

#support.lessonmaterials .dl_links li {
  width: 49.29577%;
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid #e6e6e6; }
  #support.lessonmaterials .dl_links li:nth-child(even) {
    margin-left: 1.40845%; }
  #support.lessonmaterials .dl_links li:first-child, #support.lessonmaterials .dl_links li:nth-child(2) {
    border-top: 1px solid #e6e6e6; }
  #support.lessonmaterials .dl_links li a {
    display: table;
    padding: 4.28571% 30px;
    position: relative; }
    #support.lessonmaterials .dl_links li a span {
      display: table-cell;
      vertical-align: middle; }
    #support.lessonmaterials .dl_links li a:before {
      content: '';
      display: inline-block;
      vertical-align: baseline;
      background: url("../images/dl.png") no-repeat center left;
      background-size: contain;
      width: 25px;
      height: 25px;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -13px; }

#support.teachingmaterials .btn-r {
  margin-bottom: 5.55556%; }
  #support.teachingmaterials .btn-r a {
    float: right; }

#support.teachingmaterials h1.ttl_h1_s {
  text-align: left;
  background: url("../images/tab_open.png") no-repeat 97% center #FFF;
  border: 1px solid #808080;
  color: #808080;
  padding: 1.76056% 2.11268%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }
  #support.teachingmaterials h1.ttl_h1_s.close {
    background: url("../images/tab_close.png") no-repeat 97% center #0458c4;
    border: 1px solid #0458c4;
    color: #FFF; }

#support.teachingmaterials .openbox {
  display: none;
  padding: 5.6338% 7.04225%;
  margin-bottom: 3.52113%;
  border: 1px solid #e6e6e6; }
  #support.teachingmaterials .openbox + h1 {
    margin-top: 3.52113%; }

#support.teachingmaterials .decimal {
  color: #0458c4; }
  #support.teachingmaterials .decimal li {
    list-style: decimal inside !important;
    margin-left: 0;
    margin-bottom: 1em; }
    #support.teachingmaterials .decimal li:last-child {
      margin-bottom: 0; }
    #support.teachingmaterials .decimal li p {
      color: #808080; }
    #support.teachingmaterials .decimal li a {
      position: relative;
      color: #0458c4;
      display: inline-block; }
      #support.teachingmaterials .decimal li a:after {
        content: '';
        display: inline-block;
        vertical-align: top;
        background: url("../images/dl.png") no-repeat center left;
        background-size: contain;
        width: 25px;
        height: 25px;
        margin-left: 5px; }

#support.projector .visual .image {
  position: relative;
  max-width: 1180px;
  margin: 0 auto 5.6338%; }
  #support.projector .visual .image p {
    position: absolute;
    color: #00a6ff;
    font-size: 124%;
    text-align: center;
    width: 100%;
    top: 93.33333%; }

#support.projector .table_ttl {
  color: #3e3a39;
  font-size: 154%;
  text-align: center;
  margin-bottom: 1em; }

#support.projector .scroll {
  margin: 0 auto 5.6338%;
  position: relative; }

#support.projector .table {
  width: 100%; }
  #support.projector .table td, #support.projector .table th {
    border: 1px solid #e7e7e7;
    padding: 1em;
    vertical-align: middle;
    text-align: center; }
  #support.projector .table td.bg_th, #support.projector .table th.bg_th {
    background: #f2f2f2 !important; }
  #support.projector .table td.bg_th03, #support.projector .table th.bg_th03 {
    background: #e2e2e2 !important;
    text-align: left; }
  #support.projector .table td.bg_th02, #support.projector .table th.bg_th02 {
    background: #f7f7f7 !important; }
  #support.projector .table td.bg_ttl, #support.projector .table th.bg_ttl {
    color: #333;
    font-weight: bold;
    font-size: 124%; }
  #support.projector .table thead th {
    background: #f5f5f5;
    color: #3e3a39;
    text-align: center;
    font-weight: bold; }
  #support.projector .table tbody th {
    color: #1d2080;
    font-size: 124%; }
  #support.projector .table tbody td:nth-of-type(odd) {
    background: #f7fafd; }

#support.projector .tbl {
  width: 100%;
  display: table; }

#support.projector .tbl-col {
  display: table-cell;
  width: 48.59155%;
  vertical-align: top; }
  #support.projector .tbl-col:last-child {
    padding-left: 2.8169%; }

#support.projector .inr {
  margin-bottom: 4.22535%; }
  #support.projector .inr > h2 {
    margin-bottom: 2.11268%; }
    #support.projector .inr > h2 + .item {
      border-top: 1px solid #dadada; }

#support.projector .item {
  border-bottom: 1px solid #dadada;
  padding: 2.8169% 4.22535%; }
  #support.projector .item:first-child {
    border-top: 1px solid #dadada; }
  #support.projector .item h3 {
    color: #1d2080;
    font-size: 124%;
    margin-bottom: 1.40845%; }
  #support.projector .item .tbl + ul {
    margin-top: 1.40845%; }
  #support.projector .item img {
    max-width: 224px; }
    #support.projector .item img.item05 {
      max-width: 418px; }
  #support.projector .item li a {
    width: auto; }

@media (min-width: 0px) and (max-width: 767px) {
  #support.qsg .col-tbl {
    margin-bottom: 10%;
    border: 1px solid #dadada; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.qsg .col-tbl .col {
    width: 100%;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.qsg .col-tbl .col h2 {
    padding: 5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.qsg .col-tbl__image {
    width: 100%;
    text-align: left; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.qsg .col-tbl__image .col-inr {
    padding: 6.66667%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.qsg .col-tbl__image .col-inr .image img {
    width: 60.33333%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.qsg .col-tbl__list {
    border: solid #dadada;
    border-width: 1px 0 0 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.qsg .col-tbl__list li {
    padding: 5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.qsg .col-tbl__list li a {
    display: block;
    margin-left: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support .errorFrameline {
    margin-bottom: 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.lessonmaterials .col {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.lessonmaterials .btn-r {
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.lessonmaterials .btn-r a {
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.lessonmaterials .dl_links li {
    width: 100%;
    display: block; }
    #support.lessonmaterials .dl_links li:nth-child(even) {
      margin-left: 0; }
    #support.lessonmaterials .dl_links li:nth-child(2) {
      border-top: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.lessonmaterials .dl_links li a {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.lessonmaterials .dl_links li a span {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.teachingmaterials .btn-r {
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.teachingmaterials .btn-r a {
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.teachingmaterials h1.ttl_h1_s {
    width: 100%;
    padding: 5.17241% 5.17241%;
    background-position: 95% center !important;
    background-size: 17px !important;
    padding-right: 8.62069%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.teachingmaterials .openbox + h1 {
    margin-top: 7.8125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .visual .image {
    margin: 0 auto 12.12121%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .visual .image p {
    position: static; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .table_ttl {
    font-size: 124%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .scroll {
    margin: 0 auto 12.12121%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .table {
    width: auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .table td, #support.projector .table th {
    padding: .5em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .table tbody th {
    font-size: 108%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .tbl-col {
    width: 100%;
    display: block; }
    #support.projector .tbl-col:last-child {
      padding-left: 0;
      margin-top: 6.06061%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .item h3 {
    font-size: 108%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .item .tbl + ul {
    margin-top: 3.0303%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .item img {
    margin: 0 auto 3.0303%;
    width: 58.18182%;
    max-width: 100%;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector .item img.item05 {
    width: 72.72727%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #support.projector ul.links.links_blu li a {
    background-position: left .2em; } }

#download #title_area.top {
  background: url("../images/download/bg_title.png") right top no-repeat, -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/download/bg_title.png") right top no-repeat, -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/download/bg_title.png") right top no-repeat, -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* Chrome10-25,Safari5.1-6 */ }

#download .list_box03 {
  margin-bottom: 8.4507%;
  text-align: center; }
  #download .list_box03 li {
    width: 32.39437%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #download .list_box03 li:nth-child(2n) {
      margin-left: 0.70423%; }
    #download .list_box03 li .img {
      margin: 0 auto 2.11268%; }
    #download .list_box03 li .txt .ttl_h1_s {
      margin-bottom: 0; }
    #download .list_box03 li .txt h2 {
      margin-bottom: 2.8169%;
      display: table;
      width: 100%; }
      #download .list_box03 li .txt h2 span {
        display: table-cell;
        vertical-align: middle; }

#download .btn_more, #download #forteachers.portal .inr .btn_blank {
  margin: 0 auto; }

@media (min-width: 0px) and (max-width: 767px) {
  #download .list_box03 li {
    width: 100%;
    margin-left: 0;
    display: block;
    margin-bottom: 12.5%; }
    #download .list_box03 li .img {
      width: 71.875%;
      margin: 0 auto 6.25%; } }

#forteachers.portal .inr #download .btn_blank, #download #software .btn_blank, #software #download .btn_blank {
  margin: 0 auto; }

#products #title_area {
  background: url("../images/products/bg_products.png") right top no-repeat, -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/products/bg_products.png") right top no-repeat, -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/products/bg_products.png") right top no-repeat, -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* Chrome10-25,Safari5.1-6 */ }
  #products #title_area.top {
    background: url("../images/products/bg_title.png") right top no-repeat, -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
    /* FF3.6-15 */
    background: url("../images/products/bg_title.png") right top no-repeat, -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
    /* FF3.6-15 */
    background: url("../images/products/bg_title.png") right top no-repeat, -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
    /* Chrome10-25,Safari5.1-6 */ }

#products.index .col_w + .col_w {
  padding-top: 0; }

#products.index .ttl_h1 .img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 9.85915%;
  margin-right: 1.40845%; }

#products.index .ttl_h1#software img {
  margin-top: -20%; }

#products.index .list_box02 {
  margin: 0 auto; }
  #products.index .list_box02 li {
    width: 49.29577%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 4.22535%; }
    #products.index .list_box02 li:nth-child(2n) {
      margin-left: 1.40845%; }
    #products.index .list_box02 li .ttl_h1 .img {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 22.75862%;
      margin: 0 1.40845% 0 0; }
    #products.index .list_box02 li .ttl_h1 span {
      display: inline-block;
      vertical-align: middle;
      text-align: left; }
    #products.index .list_box02 li a {
      display: table; }
      #products.index .list_box02 li a .img {
        width: 31.42857%;
        display: table-cell;
        padding-bottom: 2.8169%; }
      #products.index .list_box02 li a .txt {
        width: 68.57143%;
        display: table-cell;
        vertical-align: middle;
        background: #FFF;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.14286% 5% 2.14286% 2.14286%;
        text-align: left; }
        #products.index .list_box02 li a .txt h2 {
          margin-bottom: 2.8169%;
          display: table;
          width: 100%;
          color: #1d2080; }
          #products.index .list_box02 li a .txt h2 span {
            display: table-cell;
            vertical-align: middle; }
        #products.index .list_box02 li a .txt p {
          margin-bottom: 10px; }
      #products.index .list_box02 li a .btn {
        margin-top: 2.8169%; }

#products.index #sec02 .list_box02 li .img {
  width: 82.85714%;
  display: block;
  margin: 0 auto; }

#products.index #sec02 .list_box02 li .ttl_h1 .img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 22.75862%;
  margin: 0 1.40845% 0 0; }

#products.index #sec02 .list_box02 li .ttl_h1 span {
  display: inline-block;
  vertical-align: middle;
  text-align: left; }

#products.index #sec02 .list_box02 li .txt {
  display: block;
  margin: 0 auto;
  padding: 0;
  text-align: center; }
  #products.index #sec02 .list_box02 li .txt .ttl_h1_s {
    margin-bottom: 0; }

#products.index #sec02 .list_box02 li .btn_more, #products.index #sec02 .list_box02 li #forteachers.portal .inr .btn_blank {
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index .ttl_h1 {
    margin: 0 auto 4.16667%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index .ttl_h1 .img {
    width: 35.9375%;
    display: block;
    margin: 0 auto 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index .ttl_h1#software img {
    margin-top: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index .list_box02 li:nth-child(2n) {
    margin-left: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index .list_box02 li {
    width: 100%;
    margin-left: 0;
    display: block;
    padding: 6.25% 0 9.375%;
    margin-bottom: 3.125%; }
    #products.index .list_box02 li .img {
      width: 100%;
      margin: 0 auto 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index .list_box02 li .ttl_h1 .img {
    width: 35.9375%;
    display: block;
    margin: 0 auto 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index .list_box02 li .ttl_h1 span {
    display: block;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index .list_box02 li a {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index .list_box02 li a .img {
    width: 46.875%;
    display: block;
    padding-bottom: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index .list_box02 li a .txt {
    width: 100%;
    display: block;
    padding: 0 5.6338% !important;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index #sec02 .list_box02 li .ttl_h1 .img {
    width: 35.9375%;
    display: block;
    margin: 0 auto 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index #sec02 .list_box02 li .ttl_h1 span {
    display: block;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index #sec02 .list_box02 li .img {
    width: 100%;
    margin: 0 auto 3.125%; } }

#forteachers.portal .inr #products.index #sec02 .list_box02 li .btn_blank, #products.index #sec02 .list_box02 li #software .btn_blank, #software #products.index #sec02 .list_box02 li .btn_blank {
  margin-left: auto;
  margin-right: auto; }

#products.index #sec02 .list_box02 li .btn_more_close {
  margin-left: auto;
  margin-right: auto; }

#products.index.bd .list_btn {
  max-width: 1180px;
  margin: 0 auto; }
  #products.index.bd .list_btn li {
    display: inline-block;
    width: 49.15254%;
    border-radius: 10px; }
    #products.index.bd .list_btn li a {
      font-size: 216%;
      color: #FFF;
      display: block;
      padding: 2.5em 0;
      text-align: center;
      position: relative; }
      #products.index.bd .list_btn li a:after {
        position: absolute;
        content: "";
        vertical-align: middle;
        top: 50%;
        right: 1em;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    #products.index.bd .list_btn li.list01 {
      background: #1d2080;
      margin-right: 1.69492%; }
    #products.index.bd .list_btn li.list02 {
      background: #00a6ff; }

#products.index.bd #sec01 .ttl_h2_01_s {
  font-size: 177%; }

#products.index.bd #sec01 .list_box01 {
  text-align: center;
  margin-bottom: 5.6338%; }
  #products.index.bd #sec01 .list_box01 + .btn {
    margin-bottom: 9.375%; }
  #products.index.bd #sec01 .list_box01 li {
    width: 66.19718%;
    margin: 0 auto; }
    #products.index.bd #sec01 .list_box01 li + li {
      margin-top: 5.6338%; }
    #products.index.bd #sec01 .list_box01 li a {
      display: table;
      width: 100%; }
      #products.index.bd #sec01 .list_box01 li a .img {
        display: table-cell;
        vertical-align: middle;
        width: 29.78723%;
        margin: 0 auto; }
    #products.index.bd #sec01 .list_box01 li .txt {
      display: table-cell;
      vertical-align: middle;
      margin: 0 auto;
      padding: 0;
      text-align: left; }
      #products.index.bd #sec01 .list_box01 li .txt h2 {
        margin-bottom: 2.8169%;
        display: table;
        width: 100%;
        color: #1d2080; }
        #products.index.bd #sec01 .list_box01 li .txt h2 span {
          display: table-cell;
          vertical-align: middle; }
      #products.index.bd #sec01 .list_box01 li .txt p {
        margin-bottom: 10px; }
  #products.index.bd #sec01 .list_box01.list_box01_s li a .img {
    width: 48.93617%;
    padding: 0 2.12766%; }
  #products.index.bd #sec01 .list_box01.list_box01_s li .txt {
    font-size: 85%; }

#products.index.bd #sec02 .list_box {
  margin: 0 auto;
  text-align: center; }
  #products.index.bd #sec02 .list_box li {
    width: 83.09859%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 4.22535%; }
    #products.index.bd #sec02 .list_box li:nth-child(2n) {
      margin-left: 1.40845%; }
    #products.index.bd #sec02 .list_box li .ttl_h1 .img {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 22.75862%;
      margin: 0 1.40845% 0 0; }
    #products.index.bd #sec02 .list_box li .ttl_h1 span {
      display: inline-block;
      vertical-align: middle;
      text-align: left; }
    #products.index.bd #sec02 .list_box li a {
      display: table; }
      #products.index.bd #sec02 .list_box li a .img {
        width: 38.13559%;
        display: table-cell;
        padding-bottom: 2.8169%; }
      #products.index.bd #sec02 .list_box li a .txt {
        width: 61.86441%;
        display: table-cell;
        vertical-align: middle;
        background: #FFF;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.14286% 5.71429%;
        text-align: left; }
        #products.index.bd #sec02 .list_box li a .txt h2 {
          margin-bottom: 2.8169%;
          display: table;
          width: 100%;
          color: #0458c4; }
          #products.index.bd #sec02 .list_box li a .txt h2 span {
            display: table-cell;
            vertical-align: middle; }
        #products.index.bd #sec02 .list_box li a .txt p {
          margin-bottom: 10px; }
      #products.index.bd #sec02 .list_box li a .btn {
        margin-top: 2.8169%; }

#products.index.th .list_btn {
  max-width: 1180px;
  margin: 0 auto; }
  #products.index.th .list_btn li {
    display: inline-block;
    width: 49.15254%;
    border-radius: 10px; }
    #products.index.th .list_btn li a {
      font-size: 216%;
      color: #FFF;
      display: block;
      padding: 2.5em 0;
      text-align: center;
      position: relative; }
      #products.index.th .list_btn li a:after {
        position: absolute;
        content: "";
        vertical-align: middle;
        top: 50%;
        right: 1em;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    #products.index.th .list_btn li.list01 {
      background: #1d2080;
      margin-right: 1.69492%; }
    #products.index.th .list_btn li.list02 {
      background: #00a6ff; }

#products.index.th #sec01 .lead {
  margin-bottom: 2.8169%; }

#products.index.th #sec01 .lead02 {
  margin-bottom: 5.55556%; }

#products.index.th #sec01 .ttl_h2_01_s {
  font-size: 177%; }

#products.index.th #sec01 .list_box01 {
  text-align: center;
  margin-bottom: 5.6338%; }
  #products.index.th #sec01 .list_box01 + .btn {
    margin-bottom: 9.375%; }
  #products.index.th #sec01 .list_box01 li {
    width: 66.19718%;
    margin: 0 auto; }
    #products.index.th #sec01 .list_box01 li + li {
      margin-top: 5.6338%; }
    #products.index.th #sec01 .list_box01 li a {
      display: table;
      width: 100%; }
      #products.index.th #sec01 .list_box01 li a .img {
        display: table-cell;
        vertical-align: middle;
        width: 29.78723%;
        margin: 0 auto; }
    #products.index.th #sec01 .list_box01 li .txt {
      display: table-cell;
      vertical-align: middle;
      margin: 0 auto;
      padding: 0;
      text-align: left; }
      #products.index.th #sec01 .list_box01 li .txt h2 {
        margin-bottom: 2.8169%;
        display: table;
        width: 100%;
        color: #1d2080; }
        #products.index.th #sec01 .list_box01 li .txt h2 span {
          display: table-cell;
          vertical-align: middle; }
      #products.index.th #sec01 .list_box01 li .txt p {
        margin-bottom: 10px; }
  #products.index.th #sec01 .list_box01.list_box01_s li a .img {
    width: 48.93617%;
    padding: 0 2.12766%; }
  #products.index.th #sec01 .list_box01.list_box01_s li .txt {
    font-size: 85%; }

#products.index.th #sec01 .list_box02 {
  text-align: center; }
  #products.index.th #sec01 .list_box02 li {
    width: 66.19718%;
    text-align: left;
    margin: 0 auto 5.6338%; }
    #products.index.th #sec01 .list_box02 li a {
      display: table;
      width: 100%; }
      #products.index.th #sec01 .list_box02 li a .img {
        display: table-cell;
        vertical-align: middle;
        width: 24.46809%;
        text-align: center;
        margin: 0 auto; }
        #products.index.th #sec01 .list_box02 li a .img.img02 {
          width: 51.06383%; }
        #products.index.th #sec01 .list_box02 li a .img img {
          width: auto;
          max-height: 349px;
          margin: 0 auto;
          max-width: 80%; }
      #products.index.th #sec01 .list_box02 li a .txt {
        display: table-cell;
        vertical-align: middle;
        margin: 0 auto;
        padding: 0;
        text-align: left; }
        #products.index.th #sec01 .list_box02 li a .txt h2 {
          margin-bottom: 2.8169%;
          display: table;
          width: 100%;
          color: #1d2080; }
          #products.index.th #sec01 .list_box02 li a .txt h2 span {
            display: table-cell;
            vertical-align: middle; }
        #products.index.th #sec01 .list_box02 li a .txt p {
          margin-bottom: 10px; }

#products.index.th #sec02 .list_box {
  margin: 0 auto;
  text-align: center; }
  #products.index.th #sec02 .list_box li {
    width: 83.09859%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 4.22535%; }
    #products.index.th #sec02 .list_box li:nth-child(2n) {
      margin-left: 1.40845%; }
    #products.index.th #sec02 .list_box li .ttl_h1 .img {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 22.75862%;
      margin: 0 1.40845% 0 0; }
    #products.index.th #sec02 .list_box li .ttl_h1 span {
      display: inline-block;
      vertical-align: middle;
      text-align: left; }
    #products.index.th #sec02 .list_box li a {
      display: table; }
      #products.index.th #sec02 .list_box li a .img {
        width: 38.13559%;
        display: table-cell;
        padding-bottom: 2.8169%; }
      #products.index.th #sec02 .list_box li a .txt {
        width: 61.86441%;
        display: table-cell;
        vertical-align: middle;
        background: #FFF;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.14286% 5.71429%;
        text-align: left; }
        #products.index.th #sec02 .list_box li a .txt h2 {
          margin-bottom: 2.8169%;
          display: table;
          width: 100%;
          color: #0458c4; }
          #products.index.th #sec02 .list_box li a .txt h2 span {
            display: table-cell;
            vertical-align: middle; }
        #products.index.th #sec02 .list_box li a .txt p {
          margin-bottom: 10px; }
      #products.index.th #sec02 .list_box li a .btn {
        margin-top: 2.8169%; }

#products .visual .inr {
  display: table; }

#products .visual .image, #products .visual .txt {
  display: table-cell;
  vertical-align: middle; }

#products .visual .image {
  text-align: center; }
  #products .visual .image img {
    width: 38.28571%;
    margin: 0 auto; }
    #products .visual .image img.full {
      width: 74.28571%; }

#products .visual .txt .logo {
  margin-bottom: 5.71429%; }
  #products .visual .txt .logo img {
    width: auto; }

#products .visual .txt .name h1 {
  display: inline-block;
  vertical-align: middle;
  font-size: 416%;
  color: #3e3a39;
  line-height: 1.2;
  margin-bottom: 3.57143%;
  margin-right: 3.57143%; }
  #products .visual .txt .name h1 .sml {
    font-size: 54%;
    display: block; }
  #products .visual .txt .name h1.mt00 {
    margin-bottom: 0; }

#products .visual .txt .name .sub {
  font-size: 124%;
  color: #3e3a39; }

#products .visual .txt .name ul {
  display: inline-block;
  vertical-align: bottom; }
  #products .visual .txt .name ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 5px 5px; }
    #products .visual .txt .name ul li p {
      font-size: 108%;
      color: #3e3a39;
      margin-bottom: 2px; }

#products .visual .txt .name .free {
  margin-top: 3.65854%;
  margin-bottom: 0.3em;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  margin-left: 3%;
  color: #3e3a39; }
  #products .visual .txt .name .free h3 {
    font-size: 200%;
    line-height: 1.1; }

#products .visual .txt .lead {
  font-size: 170%;
  color: #3e3a39;
  line-height: 1.2;
  margin-bottom: 2.85714%;
  font-weight: normal; }

#products .visual .txt .large {
  font-size: 124%;
  color: #333; }

#products .visual .txt .ic {
  margin: 2.85714% -5px; }
  #products .visual .txt .ic li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 5px;
    width: 9%; }
    #products .visual .txt .ic li.ntb {
      width: 13.14286%; }

#products .visual .mov__list {
  text-align: center;
  margin-top: 2.85714%; }
  #products .visual .mov__list.mov__list02 {
    width: 71.83099%; }
  #products .visual .mov__list li {
    display: inline-block;
    width: 35.91549%; }
  #products .visual .mov__list .inr {
    display: table;
    width: 100%;
    padding: 0; }
  #products .visual .mov__list .col {
    display: table-cell;
    width: 50%;
    padding: 0 5px;
    vertical-align: middle; }
    #products .visual .mov__list .col:last-child {
      padding: 0 10px; }
    #products .visual .mov__list .col h3 {
      color: #3e3a39; }

#products .manual .col-tbl {
  width: 100%;
  display: table;
  margin-top: 1.96078%; }
  #products .manual .col-tbl.dsp-b {
    display: block; }
  #products .manual .col-tbl .mt15 {
    margin-top: 15px; }
  #products .manual .col-tbl h1, #products .manual .col-tbl h2, #products .manual .col-tbl h3, #products .manual .col-tbl h4, #products .manual .col-tbl p {
    margin-bottom: 15px; }
  #products .manual .col-tbl.col-last {
    margin-bottom: 60px !important; }
  #products .manual .col-tbl p {
    font-size: 108%; }
  #products .manual .col-tbl .col {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 49.73%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative; }
    #products .manual .col-tbl .col:first-child {
      padding-right: 0.98039%;
      padding-left: 0 !important; }
    #products .manual .col-tbl .col:last-child {
      padding-left: 0.98039%; }
    #products .manual .col-tbl .col.col-mid {
      vertical-align: middle; }
  #products .manual .col-tbl img.screen {
    border: 1px solid #808080;
    border-radius: 5px;
    position: relative; }
  #products .manual .col-tbl img.ic {
    width: auto;
    vertical-align: middle;
    margin: 0 1em; }
  #products .manual .col-tbl .col02 {
    width: 66.66%; }
  #products .manual .col-tbl .col03 {
    width: 33%;
    padding-left: 0 !important; }
  #products .manual .col-tbl .col04 {
    width: 44.75%; }
  #products .manual .col-tbl .col05-left {
    width: 20%; }
  #products .manual .col-tbl .col05-right {
    width: 79%;
    padding-left: 1.96078% !important; }
  #products .manual .col-tbl .col-arrow, #products .manual .col-tbl .col-arrow-bottom {
    width: 9%;
    padding-right: 5.5%; }

#products .manual .col-tbl__image.w60 {
  width: 60% !important; }

#products .manual .col-tbl__image.w80 {
  width: 80% !important; }

#products .manual .col-tbl__image.w70 {
  width: 70% !important; }

#products .manual .col-tbl__image .w80 {
  width: 80% !important; }

#products .manual .col-tbl__image .w60 {
  width: 60% !important; }

#products .manual .col-tbl__image .w50 {
  width: 50% !important; }

#products .manual .col-tbl__image .w25 {
  width: 25% !important; }

#products .manual .col-tbl .w-auto img {
  width: auto;
  max-width: 1037px; }

#products .manual .col-tbl .logo_right {
  float: right;
  width: auto;
  max-width: 25%;
  margin: 0 10px 10px; }

#products .manual .col-tbl .image__list li {
  display: inline-block;
  width: 40%;
  margin-right: 2%;
  margin-bottom: 30px;
  vertical-align: top; }
  #products .manual .col-tbl .image__list li div {
    /*            display: inline-block;*/
    position: relative; }
    #products .manual .col-tbl .image__list li div p {
      margin-bottom: 5px; }
  #products .manual .col-tbl .image__list li.arrow {
    width: 5.5%;
    margin: 0;
    position: relative;
    margin-right: 2%;
    text-align: center;
    height: 100%; }
    #products .manual .col-tbl .image__list li.arrow img {
      position: relative;
      width: 80%;
      margin-top: 100%; }
  #products .manual .col-tbl .image__list li.no-arrow {
    width: 48.5%; }

#products .manual .col-tbl .image__list.mb00 li {
  margin-bottom: 5px; }

#products .manual .col-tbl .image__list-full li {
  width: 19.44%;
  margin-right: 1.5%;
  margin-bottom: 30px; }
  #products .manual .col-tbl .image__list-full li.arrow {
    width: 2.75%;
    margin-right: 1.5%; }

#products .manual .col-tbl .image__list-half li img {
  margin-bottom: 30px; }

#products .manual .col-tbl .image__list-half li.arrow {
  width: 15%;
  margin-right: 12%; }

#products .manual .col-tbl .image__list.arrow__list-btm li.arrow img {
  margin-top: 185%; }

#products .manual .heading {
  font-size: 216%;
  color: #1d2080; }
  #products .manual .heading .num {
    display: inline-block;
    vertical-align: middle;
    font-size: .7em;
    padding: 0 .5em;
    color: #FFF !important;
    background: #1d2080;
    text-align: center;
    border-radius: 1.4em; }
  #products .manual .heading .sml {
    font-size: 70%;
    font-weight: normal; }

#products .manual .subheading {
  font-size: 185%;
  color: #1d2080; }
  #products .manual .subheading.num {
    font-size: 162%;
    display: table; }
    #products .manual .subheading.num span {
      display: table-cell; }
  #products .manual .subheading .num {
    display: inline-block;
    vertical-align: top;
    font-size: .8em;
    padding: 0 .5em;
    color: #1d2080 !important;
    background: #ffd600;
    text-align: center;
    margin-right: .5em; }
  #products .manual .subheading.line {
    border-left: 5px solid #ffd600;
    padding-left: .5em;
    font-size: 162%; }

#products .manual .tabhead {
  font-size: 124%; }
  #products .manual .tabhead span {
    background: #1c1f87;
    color: #FFF;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: .3em 1em;
    font-weight: normal; }

#products .manual .emhead {
  color: #3e3a39;
  font-size: 116%; }

#products .manual dl.step {
  display: table; }
  #products .manual dl.step dt, #products .manual dl.step dd {
    display: table-cell;
    vertical-align: top;
    font-size: 124%; }
  #products .manual dl.step dt span {
    border: solid #ffd600;
    border-width: 2px 0;
    color: #1d2080;
    white-space: nowrap;
    display: block;
    padding: .3em .5em; }
  #products .manual dl.step dd {
    color: #3e3a39;
    padding: .3em .5em; }

#products .manual .clm03 {
  width: 100%;
  text-align: center;
  margin: 0 auto; }
  #products .manual .clm03 dt {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 1.40845%;
    font-size: 116%; }
  #products .manual .clm03 dd {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 1.40845%;
    font-size: 116%;
    color: #1d2080; }
    #products .manual .clm03 dd em {
      color: #1d2080 !important; }
    #products .manual .clm03 dd img {
      max-width: 66px; }

#products .manual .h3_left {
  width: 70%;
  text-align: center; }

#products .manual .table {
  width: 100%;
  margin-bottom: 4.22535%;
  border: 2px solid #808080; }
  #products .manual .table th, #products .manual .table td {
    padding: .5em;
    border: 1px solid #808080; }
  #products .manual .table th.line-r, #products .manual .table td.line-r {
    border-right: 2px solid #808080; }
  #products .manual .table th {
    text-align: center;
    border-right: 2px solid #808080; }
  #products .manual .table td {
    text-align: right; }

#products .manual .table02 {
  margin-bottom: 4.22535%; }
  #products .manual .table02 th, #products .manual .table02 td {
    padding: .5em; }

#products .profile {
  display: table; }
  #products .profile .ttl_h2_s {
    color: #1d2080; }
  #products .profile p + .ttl_h2_s {
    margin-top: 2.8169%; }
  #products .profile .image, #products .profile .txt {
    display: table-cell;
    vertical-align: top; }
  #products .profile .image {
    width: 32.39437%; }
  #products .profile .txt {
    width: 67.60563%;
    padding-left: 2.8169%;
    border-sizing: border-box; }

#products .information ul.links li {
  width: 32.39437%;
  padding: 1em 0;
  border: solid #e6e6e6;
  border-width: 1px 0;
  display: inline-block;
  vertical-align: top;
  margin-right: 1.40845%; }
  #products .information ul.links li:nth-child(3n) {
    margin-right: 0; }
  #products .information ul.links li:nth-child(n+4) {
    border-top: none; }
  #products .information ul.links li .img {
    display: inline-block;
    vertical-align: middle;
    width: 10.86957%;
    padding-right: 2.17391%; }
  #products .information ul.links li a {
    position: relative;
    display: block; }
    #products .information ul.links li a:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      background: url("../images/link_right_gray.png") no-repeat center left;
      background-size: contain;
      width: 7px;
      height: 12px;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -6px; }
    #products .information ul.links li a:hover:after {
      background: url("../images/link_right_blu.png") no-repeat center left;
      background-size: contain; }

#products .os-update {
  border: solid #e6e6e6;
  border-width: 1px 0 1px 0;
  padding: 1.76056% 0;
  margin: 8.57143% 0 0; }
  #products .os-update em {
    font-weight: bold;
    color: #333; }
  #products .os-update p, #products .os-update div {
    display: inline-block;
    vertical-align: middle; }
  #products .os-update p {
    margin-right: 2.85714%; }

#products .new {
  color: #F00;
  font-weight: bold; }

#products.list dl.info {
  display: table;
  margin: 0 auto 4.22535%; }
  #products.list dl.info dt {
    margin-bottom: .5em; }
  #products.list dl.info li {
    text-indent: -1em;
    padding-left: 1em; }

#products.list .list_box02 {
  margin: 0 auto; }
  #products.list .list_box02.mt-adjust {
    margin-top: 5.6338%; }
  #products.list .list_box02 li {
    width: 49.29577%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 4.22535%; }
    #products.list .list_box02 li:nth-child(2n) {
      margin-left: 1.40845%; }
    #products.list .list_box02 li .ttl_h1 .img {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: 22.75862%;
      margin: 0 1.40845% 0 0; }
    #products.list .list_box02 li .ttl_h1 span {
      display: inline-block;
      vertical-align: middle;
      text-align: left; }
    #products.list .list_box02 li a {
      display: table;
      width: 100%; }
      #products.list .list_box02 li a.block {
        display: block; }
      #products.list .list_box02 li a .tbl {
        display: table;
        width: 100%; }
      #products.list .list_box02 li a .add-txt {
        margin-top: 10px; }
        #products.list .list_box02 li a .add-txt p {
          text-align: left; }
        #products.list .list_box02 li a .add-txt + .btn {
          margin-left: 33.57143%; }
      #products.list .list_box02 li a .img {
        width: 31.42857%;
        display: table-cell;
        padding-bottom: 2.8169%; }
      #products.list .list_box02 li a .txt {
        width: 68.57143%;
        display: table-cell;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.14286% 5% 2.14286% 2.14286%;
        text-align: left; }
        #products.list .list_box02 li a .txt h2 {
          margin-bottom: 2.8169%;
          display: table;
          width: 100%;
          color: #1d2080; }
          #products.list .list_box02 li a .txt h2 span {
            display: table-cell;
            vertical-align: middle; }
            #products.list .list_box02 li a .txt h2 span span.sml {
              display: inline-block;
              font-size: 85%;
              padding-left: .5em; }
        #products.list .list_box02 li a .txt p {
          margin-bottom: 10px; }
      #products.list .list_box02 li a .btn {
        margin-top: 2.8169%;
        background: #FFF; }
      #products.list .list_box02 li a:hover .btn {
        background: #0458c4; }
    #products.list .list_box02 li .table table {
      width: 100%; }
      #products.list .list_box02 li .table table th, #products.list .list_box02 li .table table td {
        padding: .5em;
        border-top: 1px dotted #ccc;
        text-align: left; }
      #products.list .list_box02 li .table table th {
        vertical-align: middle;
        color: #3e3a39;
        width: 5em; }

#products.list .icon {
  text-align: left; }
  #products.list .icon li {
    width: 100%;
    display: block;
    text-align: left;
    border-bottom: dotted 1px #dadada;
    margin: 0 !important;
    padding: .5em 0;
    position: relative; }
    #products.list .icon li:first-child {
      border-top: dotted 1px #dadada; }
    #products.list .icon li.icon {
      padding-left: 7.5em !important; }
      #products.list .icon li.icon:before {
        content: '';
        display: block;
        width: 50px;
        height: 25px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -15px;
        background: url("../images/products/icon.png") no-repeat !important;
        background-size: 250px auto !important;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%); }
    #products.list .icon li.icon01:before {
      background-position: 0 0 !important; }
    #products.list .icon li.icon02:before {
      background-position: -50px 0 !important; }
    #products.list .icon li.icon03:before {
      background-position: -100px 0 !important; }
    #products.list .icon li.icon04:before {
      background-position: -150px 0 !important; }
    #products.list .icon li.icon05:before {
      background-position: -200px 0 !important; }
    #products.list .icon li.icon06:before {
      background-position: 0 -25px !important; }
    #products.list .icon li.icon07:before {
      background-position: -50px -25px !important; }
    #products.list .icon li.icon08:before {
      background-position: -100px -25px !important; }
    #products.list .icon li.icon09:before {
      background-position: -150px -25px !important; }
    #products.list .icon li.icon10:before {
      background-position: -200px -50px !important; }
    #products.list .icon li.icon11:before {
      background-position: 0 -50px !important; }
    #products.list .icon li.icon12:before {
      background-position: -50px -50px !important; }
    #products.list .icon li.icon13:before {
      background-position: -100px -50px !important; }
    #products.list .icon li.icon14:before {
      background-position: -150px -50px !important; }
    #products.list .icon li.icon15:before {
      background-position: -200px -50px !important; }
    #products.list .icon li.icon16:before {
      background-position: 0 -75px !important; }
    #products.list .icon li.icon17:before {
      background-position: -50px -75px !important; }

#products.list .star {
  color: #ffd600; }

#products.list .star2 {
  color: #e5e5e5; }

#products.list .list_box02 + .scroll, #products.list .list_box02 + h1 {
  margin-top: 5.6338%; }

#products.list .caption {
  color: #1d2080;
  font-size: 185%;
  margin-bottom: .5em;
  text-align: center; }
  #products.list .caption span:before, #products.list .caption span:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: .7em;
    height: 2px;
    background: #1d2080;
    margin: 0 .5em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

#products.list .scroll + .list_box02 {
  margin-top: 5.6338%; }

#products.list .scroll table {
  width: 100%; }
  #products.list .scroll table th {
    padding: 1em;
    border: 1px solid #e7e7e7;
    text-align: center;
    vertical-align: middle; }
  #products.list .scroll table td {
    padding: 1em;
    border: 1px solid #e7e7e7;
    text-align: center;
    vertical-align: middle;
    background: #FFF; }
  #products.list .scroll table thead th {
    background: #f2faff;
    font-size: 139%;
    color: #00a6ff; }
    #products.list .scroll table thead th a {
      color: #00a6ff;
      text-decoration: underline; }
      #products.list .scroll table thead th a:hover {
        text-decoration: none; }
  #products.list .scroll table thead td:empty {
    background: #f2faff;
    background-image: -webkit-gradient(linear, left bottom, right top, from(transparent), color-stop(50%, transparent), color-stop(49%, #e7e7e7), color-stop(50%, #e7e7e7), color-stop(51%, transparent), to(transparent));
    background-image: -webkit-linear-gradient(bottom left, transparent, transparent 50%, #e7e7e7 49%, #e7e7e7 50%, transparent 51%, transparent);
    background-image: -o-linear-gradient(bottom left, transparent, transparent 50%, #e7e7e7 49%, #e7e7e7 50%, transparent 51%, transparent);
    background-image: linear-gradient(to top right, transparent, transparent 50%, #e7e7e7 49%, #e7e7e7 50%, transparent 51%, transparent); }
  #products.list .scroll table tbody th {
    background: #f2faff;
    font-size: 108%;
    color: #00a6ff; }
  #products.list .scroll table.spec-table tbody td {
    color: #ffd600; }
    #products.list .scroll table.spec-table tbody td p {
      color: #808080; }
  #products.list .scroll table.spec-table tbody .case th, #products.list .scroll table.spec-table tbody .case td {
    background: #f5f5f5;
    color: #1d2080;
    font-weight: bold; }
  #products.list .scroll table.spec-table tbody .case th {
    font-size: 139%; }
  #products.list .scroll table.spec-table tbody .case td {
    font-size: 108%; }
  #products.list .scroll table.spec-table02 img {
    width: 80%;
    margin: 0 auto;
    min-width: 180px; }
    #products.list .scroll table.spec-table02 img + p {
      margin-top: 1em; }
  #products.list .scroll table.spec-table02 th, #products.list .scroll table.spec-table02 td {
    border: 1px solid #e7e7e7;
    padding: 1em; }
  #products.list .scroll table.spec-table02 th.current, #products.list .scroll table.spec-table02 td.current {
    border-left: 6px solid #0458c4;
    border-right: 6px solid #0458c4; }
  #products.list .scroll table.spec-table02 th {
    border: 1px solid #e7e7e7;
    color: #00a6ff;
    background: #f2faff; }
  #products.list .scroll table.spec-table02 thead th.current {
    border-top: 6px solid #0458c4;
    color: #FFF;
    background: #0458c4; }
  #products.list .scroll table.spec-table02 .bottom td.current {
    border-bottom: 6px solid #0458c4; }
  #products.list .scroll table.spec-table02 .top th, #products.list .scroll table.spec-table02 .top td {
    border-top: none; }

#products.cp2 .manual .col-tbl .image__list li.arrow {
  position: relative; }
  #products.cp2 .manual .col-tbl .image__list li.arrow img {
    width: 120%;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: -10%; }

#products.cp2 .os-update {
  margin-bottom: 1.76056%; }

#products.cp2 .cgreset_wrap li {
  text-align: left; }

#products.cp2 .cgreset_wrap img {
  width: auto;
  height: 20px;
  vertical-align: middle; }

#products.fxcg50 .os-update {
  margin-bottom: 1.76056%; }

#products.fxcg50 .cgreset {
  text-align: left; }
  #products.fxcg50 .cgreset a {
    vertical-align: middle;
    display: block;
    margin: 0.61728% auto 0; }

#products.fxcg50 .cgreset_wrap {
  position: relative; }
  #products.fxcg50 .cgreset_wrap .cgreset {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2.85714%; }
  #products.fxcg50 .cgreset_wrap a {
    display: inline-block;
    vertical-align: middle; }

#products.cgreset .btn-r {
  margin-bottom: 5.55556%; }
  #products.cgreset .btn-r a {
    float: right; }

#products.cgreset h1.ttl_h1_s {
  text-align: left;
  background: url("../images/tab_open.png") no-repeat 97% center #FFF;
  border: 1px solid #808080;
  color: #808080;
  padding: 1.76056% 2.11268%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 0; }
  #products.cgreset h1.ttl_h1_s.close {
    background: url("../images/tab_close.png") no-repeat 97% center #0458c4;
    border: 1px solid #0458c4;
    color: #FFF; }

#products.cgreset .openbox {
  display: none;
  padding: 5.6338% 7.04225%;
  margin-bottom: 3.52113%;
  border: 1px solid #e6e6e6; }
  #products.cgreset .openbox p {
    margin-bottom: 1em; }
    #products.cgreset .openbox p.indent {
      padding-left: .6em;
      text-indent: -.6em; }
  #products.cgreset .openbox ul {
    margin-bottom: 1em; }
    #products.cgreset .openbox ul.indent {
      padding-left: .6em;
      text-indent: 0; }
      #products.cgreset .openbox ul.indent li {
        padding-left: 1.5em;
        text-indent: -1.5em; }
  #products.cgreset .openbox + h1 {
    margin-top: 3.52113%; }

#products.cgreset .decimal {
  color: #0458c4; }
  #products.cgreset .decimal li {
    list-style: decimal inside !important;
    margin-left: 0;
    margin-bottom: 1em; }
    #products.cgreset .decimal li:last-child {
      margin-bottom: 0; }
    #products.cgreset .decimal li p {
      color: #808080; }
    #products.cgreset .decimal li a {
      position: relative;
      color: #0458c4;
      display: inline-block; }
      #products.cgreset .decimal li a:after {
        content: '';
        display: inline-block;
        vertical-align: top;
        background: url("../images/dl.png") no-repeat center left;
        background-size: contain;
        width: 25px;
        height: 25px;
        margin-left: 5px; }

#products.classroom .manual .table {
  width: 100%;
  margin-bottom: 4.22535%;
  border: 1px solid #dadada; }
  #products.classroom .manual .table caption {
    text-align: left;
    font-weight: bold;
    color: #3e3a39;
    font-size: 124%; }
  #products.classroom .manual .table th, #products.classroom .manual .table td {
    padding: .5em 1em;
    border: 1px solid #dadada;
    vertical-align: middle;
    text-align: left; }
  #products.classroom .manual .table th.center, #products.classroom .manual .table td.center {
    text-align: center; }
  #products.classroom .manual .table th {
    background: #f2f2f2;
    color: #3e3a39; }

#products.classroom .manual .col-tbl .image__list-full li.image {
  width: 33%; }

#products.classroom .manual .image02 {
  position: relative; }
  #products.classroom .manual .image02 p {
    width: 35%;
    margin-left: 65%; }

#products.classroom .manual .image03 {
  position: relative; }
  #products.classroom .manual .image03 p {
    width: 46%;
    margin-left: 54%; }

#products.classwiz .visual .txt .logo img {
  width: 45%; }

#products.classwiz .visual .image img {
  width: 70%; }

#products.classwiz .dl-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #products.classwiz .dl-flex + .dl-flex .dl-flex__col {
    border-top: none !important; }

#products.classwiz .dl-flex__col {
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px; }

#products.classwiz .dl-flex__col--txt {
  width: 40%;
  background: #f2f2f2; }

#products.classwiz .dl-flex__col--thumb {
  width: 60%;
  border-left: none; }
  #products.classwiz .dl-flex__col--thumb img {
    width: auto;
    max-width: 100%; }

#products.fxesplusemuv300 .visual .image img {
  width: 70%; }

#products.standard .col_w + .col_w {
  padding-top: 0; }

#products.standard .img01 {
  max-width: 100px; }

#products.standard .img02 {
  max-width: 290px; }

#products.standard .tbl--svpam {
  display: table;
  width: 80%;
  margin: 2.8169% 0; }
  #products.standard .tbl--svpam p, #products.standard .tbl--svpam .image {
    display: table-cell;
    vertical-align: top; }
  #products.standard .tbl--svpam p {
    padding-right: 10px; }
  #products.standard .tbl--svpam .image {
    width: 55.45455%; }

#products.standard .logo {
  vertical-align: middle;
  max-width: 160px; }

#products .tbl--left {
  display: table-cell;
  vertical-align: top;
  width: 33.80282%;
  padding-right: 1.40845%; }
  #products .tbl--left img {
    width: 71.875%;
    margin: 0 auto;
    display: block; }

#products .tbl--right {
  display: table-cell;
  vertical-align: top;
  width: 66.19718%; }
  #products .tbl--right ul li {
    display: inline-block;
    vertical-align: top;
    width: 48.93617%;
    padding: 0 2.12766%;
    margin-bottom: 4.25532%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #products .tbl--right ul li:nth-child(2n) {
      margin-left: 2.12766%; }
    #products .tbl--right ul li h3 {
      font-size: 124%;
      margin-bottom: 0;
      color: #3e3a39; }
    #products .tbl--right ul li img {
      display: block;
      margin-bottom: 1.06383%; }
  #products .tbl--right .mt40 {
    margin-top: 40px; }

#products .ex--quality {
  margin-bottom: 3.52113%; }
  #products .ex--quality li {
    width: 30.98592%;
    display: inline-block;
    margin-left: 3.52113%;
    vertical-align: top; }
    #products .ex--quality li:first-child {
      margin-left: 0; }
    #products .ex--quality li h3 {
      margin-bottom: 0.70423%; }
    #products .ex--quality li img {
      display: block;
      margin-bottom: 4.54545%; }
    #products .ex--quality li h4 {
      font-size: 108%;
      color: #3e3a39;
      margin-bottom: 0; }

#products .subheading_s {
  font-size: 139% !important; }

#products .box {
  color: #1d2080;
  font-size: 124%;
  font-weight: bold;
  padding: 0;
  border: none; }

#products .step {
  margin-bottom: 1.40845%; }
  #products .step > li {
    width: 23.94366%;
    display: inline-block;
    margin-right: 1.40845%;
    vertical-align: top; }
    #products .step > li:last-child {
      width: 47.88732%;
      margin-right: 0; }
    #products .step > li img {
      display: block;
      margin-bottom: 4.54545%; }
    #products .step > li .down {
      width: 8.82353%;
      margin: 0 auto 3.125%; }
      #products .step > li .down img {
        width: 100%; }
    #products .step > li li {
      width: 32.35294%;
      display: inline-block;
      vertical-align: top;
      margin-right: 1.47059%;
      text-align: center; }
      #products .step > li li:last-child {
        margin-right: 0; }
      #products .step > li li.half {
        width: 49.26471%;
        display: inline-block; }
        #products .step > li li.half .adjust {
          width: 50%;
          margin: 0 auto 20px; }
        #products .step > li li.half .adjust02 {
          width: 64%;
          margin: 0 auto 20px; }
      #products .step > li li.all {
        width: 100%;
        margin-right: 0 !important; }
        #products .step > li li.all + .all {
          margin-top: 1em; }
    #products .step > li dl dt {
      border: solid #ffd600;
      border-width: 2px 0;
      color: #1d2080;
      white-space: nowrap;
      display: block;
      padding: .3em .5em;
      text-align: center;
      font-size: 124%;
      margin-bottom: 10px; }

#products .note--box {
  padding: 1em;
  background: #f5f5f5; }
  #products .note--box p {
    margin-bottom: 0; }

#products.overview .visual .inr01 {
  display: table;
  margin-bottom: 2.8169%; }

#products.overview .visual .image, #products.overview .visual .txt {
  display: table-cell;
  vertical-align: middle; }

#products.overview .visual .image {
  width: 50%;
  text-align: center; }
  #products.overview .visual .image img {
    width: 71.42857%;
    margin: 0 auto;
    max-width: 302px; }

#products.overview .visual .txt .lead {
  margin-bottom: 5.71429%; }

#products.overview .visual .txt .name {
  margin-bottom: 5.71429%; }
  #products.overview .visual .txt .name .logo {
    vertical-align: middle;
    margin-bottom: 4.6875%; }
    #products.overview .visual .txt .name .logo img, #products.overview .visual .txt .name .logo span {
      display: inline-block;
      vertical-align: middle; }
    #products.overview .visual .txt .name .logo img {
      width: 9.28571%;
      margin-right: 2.85714%; }
    #products.overview .visual .txt .name .logo span {
      font-size: 216%;
      color: #3e3a39;
      font-weight: bold;
      color: left;
      line-height: 1.2;
      text-align: left; }
  #products.overview .visual .txt .name .w80 {
    width: 80%;
    margin: 0 auto 4.6875%; }
    #products.overview .visual .txt .name .w80 img {
      border: 1px solid #ddd;
      border-radius: 20px; }
  #products.overview .visual .txt .name h1 {
    vertical-align: middle;
    font-size: 370%;
    color: #3e3a39;
    line-height: 1.2; }

#products.overview .visual .image-wrap {
  display: table;
  width: 100%; }
  #products.overview .visual .image-wrap .image, #products.overview .visual .image-wrap ul {
    display: table-cell; }

#products.overview .visual .bnr {
  margin: 2.85714% 0; }
  #products.overview .visual .bnr li {
    max-width: 200px;
    margin-bottom: 2%; }

#products.overview .col-tbl {
  margin-bottom: 4.22535%; }
  #products.overview .col-tbl .list li {
    width: 33.3%;
    display: inline-block;
    text-align: center;
    font-size: 108%;
    vertical-align: top; }
  #products.overview .col-tbl .col {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 49.75%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative; }
    #products.overview .col-tbl .col:first-child {
      padding-right: 0.98039%;
      padding-left: 0 !important; }
    #products.overview .col-tbl .col:last-child {
      padding-left: 0.98039%; }
    #products.overview .col-tbl .col .subheading {
      margin-bottom: 5.88235%; }
  #products.overview .col-tbl p.w70, #products.overview .col-tbl img.w70 {
    width: 70% !important;
    max-width: 520px;
    display: block; }
  #products.overview .col-tbl p.w30, #products.overview .col-tbl img.w30 {
    width: 28%;
    max-width: 216px;
    display: block; }

#products.overview .btn {
  margin-top: 4.22535%; }
  #products.overview .btn li {
    margin-bottom: 2.11268%; }
    #products.overview .btn li .btn_blu {
      width: 400px;
      max-width: 100%; }
    #products.overview .btn li img {
      width: 40px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }

#products.overview .image-text {
  width: 60%; }

#products .models {
  background: #ededed;
  padding: 2.11268%;
  margin: 0 0 4.22535%; }
  #products .models dt {
    font-weight: bold;
    color: #3e3a39;
    font-size: 124%; }

#products .caution--box {
  width: 100%;
  margin-bottom: 4.22535%; }
  #products .caution--box:before, #products .caution--box:after {
    content: '';
    width: 100%;
    height: 22px;
    display: block;
    background: url("../images/products/bg_caution.gif") #ffd600; }
  #products .caution--box dl {
    background: #ffd600;
    color: #000;
    padding: 2.11268% 3.52113%; }
    #products .caution--box dl dt {
      text-align: center;
      font-weight: bold;
      font-size: 139%;
      margin-bottom: 1em; }
    #products .caution--box dl dd {
      font-weight: bold; }
      #products .caution--box dl dd p + p {
        margin-top: 1em; }
      #products .caution--box dl dd p.btn_more {
        background: #FFF; }
      #products .caution--box dl dd #forteachers.portal .inr p.btn_blank {
        background: #FFF; }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th .list_btn li {
    display: block;
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th .list_btn li a {
    font-size: 162%;
    padding: 1em 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th .list_btn li a:after {
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-width: 2px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th .list_btn li.list01 {
    margin: 0 0 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .lead {
    margin-bottom: 9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box01 {
    margin-bottom: 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box01 + .btn {
    margin-bottom: 18.75%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box01 li {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box01 li a .img {
    display: block;
    margin: 0 auto 6.25%;
    width: 43.75%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box01 li .txt {
    display: block;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box01.list_box01_s li a .img {
    display: block;
    margin: 0 auto 6.25%;
    width: 84.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box01.list_box01_s li .txt {
    font-size: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box02 li {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box02 li {
    margin: 0 auto 18.75%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box02 li a .img.img02 {
    width: 90.625%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box02 li a .img {
    display: block;
    margin: 0 auto 6.25%;
    width: 43.75%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box02 li a .img img {
    width: 100%;
    max-width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec01 .list_box02 li a .txt {
    display: block;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec02 .list_box li:nth-child(2n) {
    margin-left: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec02 .list_box li {
    width: 100%;
    margin-left: 0;
    display: block;
    padding: 6.25% 0 9.375%;
    margin-bottom: 3.125%; }
    #products.index.th #sec02 .list_box li .img {
      width: 100%;
      margin: 0 auto 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec02 .list_box li .ttl_h1 .img {
    width: 35.9375%;
    display: block;
    margin: 0 auto 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec02 .list_box li .ttl_h1 span {
    display: block;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec02 .list_box li a .img {
    width: 100%;
    display: block;
    padding-bottom: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.index.th #sec02 .list_box li a .txt {
    width: 100%;
    display: block;
    padding: 0 5.6338% !important;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .image, #products .visual .txt {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .image {
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .image img {
    width: 35.9375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .txt {
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .txt .logo {
    margin-bottom: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .txt .logo img {
    width: 76.66667%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .txt .name h1 {
    font-size: 277%;
    margin-bottom: 2.34375%;
    display: block;
    margin-right: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .txt .name ul {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .txt .name ul li {
    width: 11.66667%;
    margin: 2px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .txt .name .free {
    margin-left: auto;
    margin-top: 3.65854%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .txt .lead {
    font-size: 124%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .txt .ic {
    margin: 2.85714% -2px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .txt .ic li {
    width: 11.33333%;
    margin: 2px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .txt .ic li.ntb {
    width: 16.38333%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .mov__list.mov__list02 {
    width: 100%; } }

@media (min-width: 768px) and (max-width: 1040px) {
  #products .visual .mov__list li {
    width: 50%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .mov__list li {
    width: 100%;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .visual .mov__list .col {
    width: 100%;
    display: block;
    padding: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl {
    margin-top: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .col {
    display: block;
    width: 100%;
    margin-bottom: 15px; }
    #products .manual .col-tbl .col:first-child, #products .manual .col-tbl .col:last-child {
      padding-left: 0 !important;
      padding-right: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .col02 {
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .col03 {
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .col04 {
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .col05-left {
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .col05-right {
    width: 100% !important;
    padding-left: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .col-arrow {
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .col-arrow-bottom {
    width: 15%;
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 1140px) {
  #products .manual .col-tbl__image.w80 {
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl__image.w70 {
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl__image .w25 {
    width: 78.125% !important;
    margin: 0 auto 3.125% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .w-auto img {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .image__list li {
    width: 40% !important; }
    #products .manual .col-tbl .image__list li.txt {
      width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .image__list li.arrow {
    width: 5.5% !important;
    margin-right: 2% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .image__list li.arrow img {
    margin-top: 80%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .image__list.mb00 li {
    margin-bottom: 30px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .col-tbl .image__list.arrow__list-btm li i {
    padding-top: 120%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .heading {
    font-size: 162%;
    text-align: left; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .heading .sml {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .subheading {
    font-size: 139%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .tabhead {
    font-size: 108%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .emhead {
    font-size: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual dl.step {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual dl.step dt, #products .manual dl.step dd {
    font-size: 108%;
    display: block;
    padding: .5em;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .clm03 {
    display: block;
    width: auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .clm03 dt, #products .manual .clm03 dd {
    display: block;
    padding: 1.5625% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .manual .h3_left {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .profile .image, #products .profile .txt {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .profile .image {
    width: 71.5625%;
    margin: 0 auto 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .profile .txt {
    padding-left: 0;
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .information ul.links li {
    width: 100%;
    margin-right: 0;
    display: block; }
    #products .information ul.links li:nth-child(n+2) {
      border-top: none; } }

@media all and (min-width: 767px) {
  #products .information ul.links li a:hover, #products .information ul.links li a:active {
    color: #0458c4; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .os-update {
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .os-update p, #products .os-update div {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .os-update p {
    margin-right: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list dl.info {
    margin: 0 auto 9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .list_box02 li:nth-child(2n) {
    margin-left: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .list_box02 li {
    width: 100%;
    margin-left: 0;
    display: block;
    padding: 6.25% 0 9.375%;
    margin-bottom: 3.125%; }
    #products.list .list_box02 li .img {
      width: 100%;
      margin: 0 auto 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .list_box02 li .ttl_h1 .img {
    width: 35.9375%;
    display: block;
    margin: 0 auto 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .list_box02 li .ttl_h1 span {
    display: block;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .list_box02 li a {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .list_box02 li a .tbl {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .list_box02 li a .add-txt + .btn {
    margin-left: auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .list_box02 li a .img {
    width: 46.875%;
    display: block;
    padding-bottom: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .list_box02 li a .txt {
    width: 100%;
    display: block;
    padding: 0 5.6338% !important;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .icon li.icon {
    padding-left: 8em !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .caption {
    font-size: 162%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .scroll table {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .scroll table th, #products.list .scroll table td {
    padding: 1em .5em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .scroll table td {
    vertical-align: top; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .scroll table thead th {
    font-size: 93%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .scroll table tbody th {
    font-size: 93%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .scroll table.spec-table tbody .case th {
    font-size: 108%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .scroll table.spec-table tbody .case td {
    font-size: 93%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.list .scroll table.spec-table02 {
    width: auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.fxcg50 .cgreset li {
    margin-left: 0;
    list-style: decimal inside !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.fxcg50 .cgreset a {
    margin: 0 auto;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.fxcg50 .cgreset_wrap .cgreset {
    display: block;
    width: auto;
    margin-right: 0; }
    #products.fxcg50 .cgreset_wrap .cgreset li {
      margin-left: 0;
      list-style: decimal inside !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.cgreset .btn-r {
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.cgreset .btn-r a {
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.cgreset h1.ttl_h1_s {
    width: 100%;
    padding: 5.17241% 5.17241%;
    background-position: 95% center !important;
    background-size: 17px !important;
    padding-right: 8.62069%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.cgreset .openbox + h1 {
    margin-top: 7.8125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.classroom .manual .col-tbl__image .w50, #products.classroom .manual .col-tbl__image .w60, #products.classroom .manual .col-tbl__image .w80 {
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.classwiz .visual .txt .logo img {
    width: 76.66667%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.classwiz .dl-flex {
    display: block; }
  #products.classwiz .dl-flex__col {
    width: 100% !important;
    padding: 5%;
    border: 1px solid #dadada; }
  #products.classwiz .dl-flex__col--thumb figure {
    text-align: center; }
  #products.classwiz .dl-flex__col--thumb img {
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.standard .img01 {
    max-width: 45.66667%;
    margin: 0 auto;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.standard .img02 {
    display: block;
    max-width: 100%;
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.standard .tbl--svpam {
    display: block;
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.standard .tbl--svpam p, #products.standard .tbl--svpam .image {
    display: block;
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.standard .tbl--svpam .image {
    width: 80%;
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.standard .logo {
    max-width: 43.75%;
    margin-bottom: 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.standard #sec02_02 .w70 {
    width: 80% !important;
    margin: auto; }
  #products.standard #sec02_02 .w80 {
    margin: auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .tbl--left {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .tbl--right {
    display: block;
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .tbl--right ul li {
    display: block;
    width: 100%;
    margin: 0 0 6.25% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .ex--quality li {
    display: block;
    width: 100%;
    margin: 0 0 6.25% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .ex--quality li h3 {
    margin-bottom: 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .box {
    font-size: 108%;
    text-align: left; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .step > li {
    display: block;
    width: 100% !important;
    margin: 0 0 6.25% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .step > li img {
    width: 78.125%;
    margin: 0 auto 3.125% !important; }
    #products .step > li img.w100 {
      width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .step > li li {
    display: block;
    width: 100%;
    margin: 0 auto 6.25% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .step > li li.half.half_all {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .step > li li.half .adjust {
    width: 78.125%;
    margin: 0 auto 3.125% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .step > li li.half .adjust02 {
    width: 93.75%;
    margin: 0 auto 3.125% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .visual .image, #products.overview .visual .txt {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .visual .image {
    width: 100%;
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .visual .image img {
    width: 46.875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .visual .txt .name {
    margin-bottom: 4.6875%;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .visual .txt .name .logo img {
    width: 5.46875%; } }

@media (min-width: 0px) and (max-width: 1140px) {
  #products.overview .visual .txt .name .logo span {
    font-size: 162%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .visual .txt .name h1 {
    font-size: 277%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .visual .image-wrap {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .visual .image-wrap .image, #products.overview .visual .image-wrap ul {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .visual .bnr li {
    display: inline-block;
    width: 48%;
    margin: 1%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .col-tbl .list li {
    width: 50%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .col-tbl .col {
    display: block;
    width: 100%;
    margin-bottom: 15px; }
    #products.overview .col-tbl .col:first-child, #products.overview .col-tbl .col:last-child {
      padding-left: 0 !important;
      padding-right: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .col-tbl .col .subheading {
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.overview .btn li .btn_blu {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .caution--box {
    margin-bottom: 9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .caution--box dl {
    padding: 4.6875% 7.8125%; } }

#forteachers.portal .inr #products .caution--box dl dd p.btn_blank, #products .caution--box dl dd #software p.btn_blank, #software #products .caution--box dl dd p.btn_blank {
  background: #FFF; }

#products .caution--box dl dd p.btn_more a, #products .caution--box dl dd #forteachers.portal .inr p.btn_blank a {
  color: #000; }

#forteachers.portal .inr #products .caution--box dl dd p.btn_blank a, #products .caution--box dl dd #software p.btn_blank a, #software #products .caution--box dl dd p.btn_blank a {
  color: #000; }

#products .caution--box dl dd p.btn_more:hover, #products .caution--box dl dd #forteachers.portal .inr p.btn_blank:hover {
  background: #0458c4; }

#forteachers.portal .inr #products .caution--box dl dd p.btn_blank:hover, #products .caution--box dl dd #software p.btn_blank:hover, #software #products .caution--box dl dd p.btn_blank:hover {
  background: #0458c4; }

#products .caution--box dl dd p.btn_more:hover a, #products .caution--box dl dd #forteachers.portal .inr p.btn_blank:hover a {
  color: #FFF; }

#forteachers.portal .inr #products .caution--box dl dd p.btn_blank:hover a, #products .caution--box dl dd #software p.btn_blank:hover a, #software #products .caution--box dl dd p.btn_blank:hover a {
  color: #FFF; }

#products.common_v2 #sec02_04 img {
  max-width: 583px; }

#products.common_v2 #sec02_04 .screen__list li {
  display: inline-block;
  width: 40%;
  margin-right: 2%;
  margin-bottom: 30px;
  vertical-align: top; }

#products.cwiz .img02 {
  max-width: 290px; }

#products.cwiz .btn_auto {
  margin: 0; }

#products.app #sec01 .bnr {
  width: 52.8169%;
  margin-bottom: 4.22535%; }

#products.app #sec01 .image {
  width: 42.25352%; }
  #products.app #sec01 .image img {
    width: 58.66667%; }

#products.app #sec01 .lead {
  margin-top: 20px; }

#products.app #sec01 .txt {
  width: 57.74648%; }
  #products.app #sec01 .txt .name h1 {
    font-size: 324%;
    margin-right: 0; }

#products.app #sec01 .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  #products.app #sec01 .flex * {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  #products.app #sec01 .flex + .flex {
    margin-top: 20px; }

#products.app #sec01 .flex01 {
  margin-bottom: 3.65854%; }
  #products.app #sec01 .flex01 figure {
    width: 8.53659%;
    min-width: 70px;
    margin-right: 20px; }

#products.app #sec01 .flex02 .btn {
  margin: 3.65854% auto; }
  #products.app #sec01 .flex02 .btn .btn_blu {
    max-width: 100%;
    margin: 0;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

#products.app #sec01 .flex02 ul {
  margin-top: 3.65854%; }
  #products.app #sec01 .flex02 ul li {
    display: inline-block; }
    #products.app #sec01 .flex02 ul li img {
      width: auto;
      height: 57px; }

#products.app #sec03 ul.list li .txt .ttl_h2 {
  margin-bottom: 10px; }

#products.app #sec02 a.txlink {
  word-break: break-all; }

#products.app #sec02 .scroll .sp-only {
  display: none; }

#products.app #sec02 table.spec-table {
  width: 100%;
  margin: 40px 0;
  line-height: 1.4; }
  #products.app #sec02 table.spec-table sup {
    vertical-align: top;
    position: relative;
    top: 0.5em; }
  #products.app #sec02 table.spec-table th, #products.app #sec02 table.spec-table td {
    padding: 15px;
    vertical-align: top;
    border: 1px solid #CCCCCC; }
  #products.app #sec02 table.spec-table th.center, #products.app #sec02 table.spec-table td.center {
    text-align: center; }
  #products.app #sec02 table.spec-table th img, #products.app #sec02 table.spec-table td img {
    display: block;
    margin: 0 auto; }
  #products.app #sec02 table.spec-table th .flow-img, #products.app #sec02 table.spec-table td .flow-img {
    width: 303px; }
  #products.app #sec02 table.spec-table th .model-img, #products.app #sec02 table.spec-table td .model-img {
    width: 88px; }
  #products.app #sec02 table.spec-table th {
    font-weight: bold;
    background: #E6E6E6; }
  #products.app #sec02 table.spec-table td {
    vertical-align: middle;
    text-align: center; }

#products.app .models li {
  display: inline-block;
  margin-right: 1em; }
  #products.app .models li:after {
    content: ''; }

#products.app .w80 {
  margin: 0 auto; }

#products.app .w50 {
  margin: 0 auto; }
  #products.app .w50 img {
    max-width: 247px;
    margin: 0 auto; }

#products.app_camp #title_area {
  background: -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* Chrome10-25,Safari5.1-6 */ }

#products.app_camp #sec01 figure {
  margin: 20px auto; }

#products.app_camp #sec01 .free li {
  display: inline-block;
  margin-right: 2em;
  vertical-align: middle;
  font-weight: bold;
  color: #3e3a39;
  font-size: 123%; }
  #products.app_camp #sec01 .free li:before {
    content: '';
    width: 4em;
    height: 1em;
    display: inline-block;
    margin-right: .5em; }
  #products.app_camp #sec01 .free li.free01:before {
    background: #ffd600; }
  #products.app_camp #sec01 .free li.free02:before {
    background: #0458c4; }

#products.app_camp #sec02 .image {
  width: 42.25352%; }
  #products.app_camp #sec02 .image img {
    width: 58.66667%; }

#products.app_camp #sec02 .lead {
  margin-top: 20px; }

#products.app_camp #sec02 .txt {
  width: 57.74648%; }
  #products.app_camp #sec02 .txt .name h1 {
    font-size: 324%;
    margin-right: 0; }

#products.app_camp #sec02 .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  #products.app_camp #sec02 .flex * {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  #products.app_camp #sec02 .flex + .flex {
    margin-top: 20px; }

#products.app_camp #sec02 .flex01 figure {
  width: 8.53659%;
  min-width: 70px;
  margin-right: 20px; }

#products.app_camp #sec02 .flex02 .btn {
  margin: 3.65854% 0; }
  #products.app_camp #sec02 .flex02 .btn .btn_blu {
    max-width: 100%;
    margin: 0;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

#products.app_camp #sec02 .flex02 ul {
  margin: 3.65854% 0; }
  #products.app_camp #sec02 .flex02 ul li {
    display: inline-block; }
    #products.app_camp #sec02 .flex02 ul li img {
      width: auto;
      height: 57px; }

#products.app_camp #sec03 .scroll * {
  white-space: normal !important; }

#products.app_camp .linethrough {
  text-decoration: line-through;
  font-size: 68%;
  color: #333; }
  #products.app_camp .linethrough:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 48px;
    height: 38px;
    background-color: #00a6ff;
    -webkit-clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%);
    clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%);
    margin: 0 20px; }

#products.app_camp #sec03 .btn {
  margin-bottom: 7.31707%; }
  #products.app_camp #sec03 .btn .btn_blu {
    max-width: 100%;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

#products.app_camp #sec03 .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  #products.app_camp #sec03 .flex * {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  #products.app_camp #sec03 .flex figure {
    width: 15.85366%;
    min-width: 130px;
    margin-right: 20px; }

#products.app_camp #sec03 .w80 {
  margin: 0 auto; }

#products.app_camp #sec03 ul li {
  width: 20.73171%;
  min-width: 170px;
  display: inline-block;
  margin-right: 20px; }
  #products.app_camp #sec03 ul li:last-child {
    width: 23.41463%;
    min-width: 192px; }

#products .col-tbl .exlist li.arrow {
  display: none !important; }

#products .col-tbl .exlist li.arrow02 {
  display: inline-block !important; }
  #products .col-tbl .exlist li.arrow02 img {
    margin-top: 0 !important; }

#products .col-tbl .tbl-cwiz {
  width: 100%;
  white-space: normal; }
  #products .col-tbl .tbl-cwiz td {
    border: 1px double #B6B6B6;
    vertical-align: middle;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #products .col-tbl .tbl-cwiz th {
    border: 1px double #B6B6B6;
    vertical-align: middle;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }
    #products .col-tbl .tbl-cwiz th img.icon {
      width: 50px; }
  #products .col-tbl .tbl-cwiz .image__list li {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }

#products .ico-new {
  display: inline-block !important;
  background: #ee0000;
  color: #FFF;
  font-size: 14px;
  padding: 2px 5px;
  margin-left: 10px; }

#products .ico_tit {
  width: 52px;
  margin-right: 5px;
  vertical-align: middle; }

#products.fx991cw .visual .image, #products.fx991cw .visual .txt {
  vertical-align: top; }

#products.fx991cw .visual .image img {
  width: 65.57143%;
  margin: 0 auto; }

#products.fx991cw .visual .txt .name h1 {
  margin-bottom: 1.42857%; }

#products.fx991cw .visual .txt .name .lead {
  color: #FFF;
  background: #1d2080;
  padding: .5em 1em;
  margin-bottom: 4.6875%; }

#products.fx991cw li.nextdisp + li.arrow {
  display: none !important; }

#products.fx991cw .arrow__list_mid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #products.fx991cw .arrow__list_mid li.arrow {
    vertical-align: middle !important;
    height: auto !important; }
    #products.fx991cw .arrow__list_mid li.arrow img {
      margin-top: 0 !important;
      top: 35%;
      left: 0;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      position: absolute !important; }

#products.fx991cw .arrow__list_mid02 li.arrow img {
  top: 25%; }

#products.fx991cw .btn_more02 {
  display: inline-block !important;
  margin: 0 15px; }

@media (min-width: 0px) and (max-width: 767px) {
  #products.common_v2 #sec02_04 .screen__list li {
    display: block;
    width: 80%;
    margin: 0 auto 30px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.cwiz .img02 {
    display: block;
    max-width: 100%;
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.cwiz .btn_auto {
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app #sec01 .bnr {
    width: 100%;
    margin-bottom: 9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app #sec01 .image {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app #sec01 .txt {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app #sec01 .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app #sec01 .flex02 ul li {
    width: 53.125%;
    margin: 20px auto 0; }
    #products.app #sec01 .flex02 ul li img {
      width: 100%;
      height: auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app #sec02 .scroll {
    overflow: hidden;
    width: 100%; }
    #products.app #sec02 .scroll th, #products.app #sec02 .scroll td {
      white-space: normal; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app #sec02 .scroll .sp-only {
    display: block; }
    #products.app #sec02 .scroll .sp-only p {
      line-height: 1.4;
      font-size: 118%; }
      #products.app #sec02 .scroll .sp-only p.last-p {
        margin-top: 30px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app #sec02 table.spec-table tr.pc-only {
    display: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app #sec02 table.spec-table th .flow-img, #products.app #sec02 table.spec-table td .flow-img {
    max-width: 200px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app #sec02 table.spec-table th .model-img, #products.app #sec02 table.spec-table td .model-img {
    width: 100%;
    max-width: 88px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app_camp #sec02 .image {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app_camp #sec02 .txt {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app_camp #sec02 .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app_camp #sec02 .flex02 .btn .btn_blu {
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app_camp #sec02 .flex02 ul li {
    width: 53.125%;
    margin: 20px auto 0; }
    #products.app_camp #sec02 .flex02 ul li img {
      width: 100%;
      height: auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app_camp .linethrough:after {
    -webkit-transform: rotate(0.25turn);
    -ms-transform: rotate(0.25turn);
    transform: rotate(0.25turn);
    display: block;
    margin: 10px auto;
    width: 28px;
    height: 28px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app_camp #sec03 .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app_camp #sec03 .flex figure {
    min-width: 70px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app_camp #sec03 ul {
    width: 100%;
    margin: 0 auto;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.app_camp #sec03 ul li {
    width: 53.125% !important;
    margin: 0 auto 20px;
    min-width: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .col-tbl .tbl-cwiz {
    width: 200%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products .col-tbl .tbl-cwiz th {
    white-space: normal;
    width: 15%;
    padding: 5px; }
    #products .col-tbl .tbl-cwiz th img {
      width: 100%; }
  #products .col-tbl .tbl-cwiz td:last-child {
    white-space: normal; } }

@media (min-width: 768px) {
  #products.fx991cw .visual .image {
    padding-right: 1.5em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.fx991cw .visual .image {
    margin-bottom: 12.5%; } }

@media (min-width: 1140px) {
  #products.fx991cw .visual .image img {
    max-width: 430px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.fx991cw .visual .image img {
    width: 71.875%;
    max-width: 100%; } }

@media (min-width: 768px) {
  #products.fx991cw .visual .txt .name .lead {
    -webkit-transform: translateX(-1em);
    -ms-transform: translateX(-1em);
    transform: translateX(-1em); } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.fx991cw .arrow__list_mid {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.fx991cw .arrow__list_mid li.arrow img {
    top: 50% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.fx991cw .arrow__list_mid03 li.arrow img {
    position: relative !important;
    top: auto !important;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit; } }

.requirements {
  border: 3px double #B6B6B6;
  background: #F7F7F7;
  padding: 3.19149%; }
  .requirements dt {
    width: 24.46809%;
    font-size: 124%;
    color: #333;
    float: left; }
  .requirements dd {
    padding: 0 0 20px 24.46809%;
    margin-bottom: 20px;
    border-bottom: 1px dotted #B6B6B6; }
    .requirements dd:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }

@media (min-width: 0px) and (max-width: 767px) {
  .requirements dt {
    width: 100%;
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  .requirements dd {
    padding-left: 0; } }

.list-num {
  margin-top: .5em; }
  .list-num li {
    margin-bottom: .5em; }
  .list-num .maru {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    padding: 0 .5em;
    color: #FFF !important;
    background: #1d2080;
    text-align: center;
    border-radius: 50%;
    text-align: center;
    margin-right: .5em; }

.logo_ntd {
  width: 45%;
  margin-bottom: 20px; }
  .logo_ntd img {
    width: 100%; }

@media (min-width: 0px) and (max-width: 767px) {
  .logo_ntd {
    width: 80%;
    margin: 0 auto 30px; } }

#software #title_area.top {
  background: url("../images/softwarelicense/bg_title.png") right top no-repeat, -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/softwarelicense/bg_title.png") right top no-repeat, -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/softwarelicense/bg_title.png") right top no-repeat, -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* Chrome10-25,Safari5.1-6 */ }

#software .lead {
  margin-bottom: 6.33803%;
  text-align: center; }

#software .ttl_h2 {
  font-size: 216%;
  font-weight: normal;
  position: relative;
  margin-bottom: 25px; }
  #software .ttl_h2 span {
    background: #FFF;
    padding-right: 1em;
    display: table;
    position: relative;
    z-index: 2;
    color: #0458c4; }

#software .ttl_h2_blu {
  color: #00a6ff;
  text-align: center;
  font-size: 293%; }

#software .ttl_h2.border01 {
  margin-bottom: -.5em; }
  #software .ttl_h2.border01 span {
    color: #00a6ff; }

#software .ttl_h2.border02 {
  margin-bottom: -.5em; }
  #software .ttl_h2.border02 span {
    color: #1d2080; }

#software ul.list {
  margin-bottom: 6.33803%; }

#software .btn_or {
  font-weight: bold;
  padding: 7px 36px; }

#software .btn-list li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 20px 0; }
  #software .btn-list li.mb00 {
    margin-bottom: 0; }
    #software .btn-list li.mb00 ul {
      text-align: center; }
  #software .btn-list li span {
    position: relative;
    display: block;
    border-radius: 30px;
    padding: 9px 25px;
    font-size: 93% !important;
    color: #3e3a39;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #software .btn-list li .btn_dl {
    position: relative;
    display: table;
    border-radius: 30px;
    font-weight: bold;
    padding: 0;
    background: #0458c4;
    min-width: 190px; }
    #software .btn-list li .btn_dl input {
      width: 100%;
      padding: 11px 25px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      color: #FFF;
      font-weight: bold;
      box-sizing: border-box;
      background: none;
      border: none;
      cursor: pointer;
      font-size: 93% !important;
      border: none;
      outline: none; }
    #software .btn-list li .btn_dl:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      background: url("../images/ic_dl.png") no-repeat center left;
      background-size: contain;
      width: 14px;
      height: 13px;
      position: absolute;
      left: 15px;
      top: 50%;
      margin-top: -7px; }
  #software .btn-list li .btn_detail {
    border: none;
    background: #3e3a39;
    min-width: 190px;
    color: #FFF; }
  #software .btn-list li .btn_buy {
    background: #ffd600;
    color: #3e3a39;
    min-width: 190px; }
    #software .btn-list li .btn_buy:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      background: url("../images/ic_buy_bk.png") no-repeat center left;
      background-size: contain;
      width: 18px;
      height: 17px;
      position: absolute;
      left: 15px;
      top: 50%;
      margin-top: -9px; }
  #software .btn-list li.btn_s .btn {
    padding: 7px 25px;
    background: #FFF; }
    #software .btn-list li.btn_s .btn:hover {
      background: #0458c4;
      color: #FFF; }

#software .link li {
  display: inline-block;
  margin-right: 2em; }
  #software .link li a {
    text-decoration: underline;
    color: #00a6ff; }
    #software .link li a:hover {
      text-decoration: none; }

#software .list {
  padding-left: 5.6338%; }
  #software .list dt {
    white-space: nowrap;
    color: #3e3a39;
    font-size: 116%; }
    #software .list dt span:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 1em;
      height: 3px;
      background: #ffd600;
      margin-right: .5em; }

#software .col-tbl {
  display: table;
  width: 100%;
  text-align: left; }
  #software .col-tbl.col01 {
    border-top: 1px solid #00a6ff; }
  #software .col-tbl.col02 {
    border-top: 1px solid #0458c4;
    border-bottom: 1px solid #0458c4; }
    #software .col-tbl.col02 .col {
      text-align: center;
      border: none !important; }
      #software .col-tbl.col02 .col .text dl {
        margin: 0 auto 20px; }
        #software .col-tbl.col02 .col .text dl dd li {
          display: inline-block; }
      #software .col-tbl.col02 .col .text .btn a {
        display: inline-block;
        margin: 0 auto;
        text-align: center; }
  #software .col-tbl .col {
    width: 50%;
    display: table-cell;
    vertical-align: top;
    padding: 4.21348% 0.70225%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #software .col-tbl .col:first-child {
      /*        border-right: 1px dotted #00a6ff;
            @media (min-width: 0px) and (max-width: 767px) {
              border-right: none;
              border-bottom: 1px dotted #00a6ff;
            }*/ }
    #software .col-tbl .col h3 {
      font-size: 154%;
      color: #3e3a39;
      font-weight: normal;
      text-align: center;
      margin-bottom: 10px; }
  #software .col-tbl .col-inr {
    display: table;
    width: 100%; }
    #software .col-tbl .col-inr .image {
      width: 26.76056%;
      padding: 0 0.70423%;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #software .col-tbl .col-inr .image img {
        margin-bottom: 20px; }
    #software .col-tbl .col-inr .text2 {
      width: 76.05634% !important; }
      #software .col-tbl .col-inr .text2 .btn-list {
        display: inline-block;
        zoom: 1; }
        #software .col-tbl .col-inr .text2 .btn-list li {
          display: block;
          white-space: nowrap; }
          #software .col-tbl .col-inr .text2 .btn-list li a {
            display: block; }
      #software .col-tbl .col-inr .text2 p {
        margin: 9px 10px; }
      #software .col-tbl .col-inr .text2 dl {
        display: block !important; }
        #software .col-tbl .col-inr .text2 dl dt, #software .col-tbl .col-inr .text2 dl dd {
          display: block !important; }
    #software .col-tbl .col-inr .text {
      display: table-cell;
      width: 38.02817%;
      padding: 2.11268%;
      vertical-align: top; }
      #software .col-tbl .col-inr .text h4 {
        color: #3e3a39;
        font-size: 116%; }
      #software .col-tbl .col-inr .text dl {
        display: table;
        margin-bottom: 20px; }
        #software .col-tbl .col-inr .text dl dt {
          display: table-cell;
          vertical-align: middle; }
        #software .col-tbl .col-inr .text dl dd {
          display: table-cell;
          vertical-align: middle; }
          #software .col-tbl .col-inr .text dl dd li {
            padding-left: 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }
      #software .col-tbl .col-inr .text .btn {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 4.22535%; }
        #software .col-tbl .col-inr .text .btn.btn01 {
          margin-right: 4px; }
      #software .col-tbl .col-inr .text .mb10 {
        margin-bottom: 10px; }

#software .model {
  background: #FFF;
  display: table;
  width: 100%;
  text-align: left;
  margin-bottom: 2.11268%; }
  #software .model .col {
    display: table-cell;
    vertical-align: middle;
    padding: 4.22535%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #software .model .col:first-child {
      width: 22.0339%;
      text-align: center;
      padding-right: 0; }
      #software .model .col:first-child img {
        width: 60%;
        max-width: 146px; }
    #software .model .col:last-child {
      padding-left: 2.8169%; }
  #software .model .col-inr {
    display: table;
    width: 100%; }
    #software .model .col-inr .button, #software .model .col-inr .list {
      display: table-cell;
      vertical-align: top; }
    #software .model .col-inr .select {
      width: 350px;
      margin-bottom: 20px;
      font-size: inherit; }
    #software .model .col-inr .button {
      width: 71.42857%;
      padding-right: 5.6338%; }
      #software .model .col-inr .button + .list {
        border-left: 1px solid #e6e6e6; }
  #software .model.model02 {
    background: none;
    padding: 0; }
  #software .model.model03 {
    background: rgba(4, 88, 196, 0.1); }
    #software .model.model03 .indent {
      margin-bottom: 0;
      color: #1d2080;
      text-indent: -1em;
      padding-left: 1em; }
      #software .model.model03 .indent + .indent {
        margin-bottom: 25px; }
  #software .model .col02 {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #software .model .col02:first-child {
      padding-right: 1.05634%; }
    #software .model .col02:last-child {
      padding-left: 1.05634%; }
    #software .model .col02 .image {
      background: #FFF;
      padding: 8.4507% 4.22535% 4.22535%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center; }
      #software .model .col02 .image img {
        width: 80%;
        max-width: 146px; }
    #software .model .col02 .col-inr {
      background: #FFF;
      text-align: center;
      padding: 4.22535%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #software .model .col02 .col-inr .button {
        width: 100%;
        border: none;
        padding: 0; }
        #software .model .col02 .col-inr .button .btn_app {
          margin-bottom: 20px;
          text-align: center; }
          #software .model .col02 .col-inr .button .btn_app img {
            width: 50%;
            max-width: 150px; }

#software .fade {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-align: center; }
  #software .fade:hover {
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5; }

#software .btn_more, #software #forteachers.portal .inr .btn_blank {
  border: 2px solid #3e3a39;
  display: block;
  width: 100%;
  border-radius: 30px;
  font-size: 93%;
  color: #3e3a39;
  position: relative;
  min-width: 130px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media (min-width: 0px) and (max-width: 767px) {
  #software .ttl_h2 {
    font-size: 154%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .btn_or {
    margin: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .btn-list li {
    display: block;
    margin: 0 0 20px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .btn-list li span {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .btn-list li .btn_dl {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .btn-list li.btn_s {
    display: inline-block;
    width: 50%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .btn-list li.btn_s .btn {
    width: 94%;
    margin: 0 auto;
    min-width: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .link li {
    display: block;
    margin-right: 0;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .list {
    padding: 20px 0 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .col-tbl .col {
    width: 100%;
    display: block;
    padding: 12.5% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .col-tbl .col-inr .image {
    display: block;
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .col-tbl .col-inr .text2 .btn-list {
    display: table;
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .col-tbl .col-inr .text2 {
    text-align: left !important;
    display: block !important; }
    #software .col-tbl .col-inr .text2 .btn-list li {
      display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .col-tbl .col-inr .text {
    width: 100% !important;
    display: block;
    text-align: center;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .col-tbl .col-inr .text dl {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .col-tbl .col-inr .text dl dt {
    display: block;
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .col-tbl .col-inr .text dl dd {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .col-tbl .col-inr .text dl dd li {
    display: inline-block;
    min-width: 130px;
    padding: 0;
    margin: 0 5px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .col-tbl .col-inr .text .btn {
    display: table;
    margin: 0 auto 4.22535%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .col-tbl .col-inr .text .btn.btn01 {
    margin-right: auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .model {
    margin-bottom: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .model .col {
    display: block;
    width: 100% !important;
    padding: 9.375% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .model .col:first-child {
    padding-bottom: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .model .col:first-child img {
    width: 33%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .model .col-inr .button, #software .model .col-inr .list {
    display: block;
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .model .col-inr .select {
    width: 100%;
    font-size: inherit; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .model .col-inr .button + .list {
    border: none !important;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .model .col02 {
    width: 100%;
    display: block;
    padding: 0 !important;
    margin-bottom: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software .model .col02 .image img {
    width: 33%; } }

#forteachers.portal .inr #software .btn_blank {
  border: 2px solid #3e3a39;
  display: block;
  width: 100%;
  border-radius: 30px;
  font-size: 93%;
  color: #3e3a39;
  position: relative;
  min-width: 130px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#software .btn_blank {
  border: 2px solid #3e3a39;
  display: block;
  width: 100%;
  border-radius: 30px;
  font-size: 93%;
  color: #3e3a39;
  position: relative;
  min-width: 130px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#software .btn_more:after, #software #forteachers.portal .inr .btn_blank:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#forteachers.portal .inr #software .btn_blank:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#software .btn_blank:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
  background-image: url("../images/blank_bk.png");
  width: 12px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#software a:hover {
  /*  	filter:alpha(opacity=50);
      	opacity:0.5;
        -moz-opacity: 0.5;
        -webkit-opacity: 0.5;    */ }
  #software a:hover .btn_more, #software a:hover #forteachers.portal .inr .btn_blank {
    border: 2px solid #0458c4;
    background: #0458c4;
    color: #FFF; }

#forteachers.portal .inr #software a:hover .btn_blank {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF; }

#software a:hover .btn_blank {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF; }

#software a:hover .btn_more:after, #software a:hover #forteachers.portal .inr .btn_blank:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right_w.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#forteachers.portal .inr #software a:hover .btn_blank:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/link_right_w.png") no-repeat center left;
  background-size: contain;
  width: 7px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px; }

#software a:hover .btn_blank {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF; }
  #software a:hover .btn_blank:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url("../images/link_right_w.png") no-repeat center left;
    background-size: contain;
    width: 7px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    background-image: url("../images/blank_wh.png");
    width: 12px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px; }

#software a:hover .btn_down:after {
  background-image: url("../images/link_down_w.png") !important; }

#software a:hover .btn_blu {
  background: #00a6ff; }

#software.pop .ttl_h1 span {
  font-size: 70%; }

#software.pop .main {
  width: 40%;
  max-width: 440px;
  margin: 2.8169% auto; }

#software.pop .model .btn-list {
  text-align: center;
  margin-bottom: 5.6338%; }
  #software.pop .model .btn-list li span {
    padding-left: 40px; }

#software.pop .disc {
  margin-bottom: 5.6338%; }

#software.pop .mycommerce {
  width: 60%;
  max-width: 440px;
  margin: 2.8169% auto;
  padding: 20px 0;
  background: #009be0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #009be0 0%, #008cd2 50%, #0069b3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009be0), color-stop(50%, #008cd2), color-stop(100%, #0069b3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #009be0 0%, #008cd2 50%, #0069b3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #009be0 0%, #008cd2 50%, #0069b3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #009be0 0%, #008cd2 50%, #0069b3 100%);
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#009be0), color-stop(50%, #008cd2), to(#0069b3));
  background: linear-gradient(to bottom, #009be0 0%, #008cd2 50%, #0069b3 100%);
  /* W3C */
  border-radius: 10px; }

#software.pop .btn_blu {
  max-width: 100%;
  width: auto;
  margin: 2.8169% auto 5.6338%;
  padding: 15px 50px; }

#software.pop #sec02 {
  border-top: 2px solid #dadada;
  text-align: left; }
  #software.pop #sec02 .image {
    border: 1px solid #dadada;
    text-align: center;
    padding: 2.8169%;
    margin: 2.8169% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #software.pop #sec02 .image li {
      width: 48%;
      display: inline-block;
      vertical-align: top;
      margin: 0 1%; }
      #software.pop #sec02 .image li img {
        max-width: 390px;
        margin-bottom: 10px; }

#software.customersupport #contents section {
  padding: 8.64198% 0; }
  #software.customersupport #contents section p {
    margin-bottom: 15px; }
  #software.customersupport #contents section .ttl_h1 {
    margin-bottom: 4.22535%; }

#software.customersupport #sec01 ul li {
  float: left;
  position: relative;
  background: #FFF;
  margin-bottom: 1.40845%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32.39437%;
  margin-right: 1.40845%;
  text-align: center; }
  #software.customersupport #sec01 ul li > a {
    display: table;
    width: 100%;
    padding: 8.69565% 13.04348%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #software.customersupport #sec01 ul li h2 {
    margin-bottom: 15px; }
  #software.customersupport #sec01 ul li .ttl_h2_01_s {
    display: table;
    font-size: 162% !important;
    color: #1d2080 !important; }
    #software.customersupport #sec01 ul li .ttl_h2_01_s span {
      display: table-cell;
      vertical-align: middle;
      color: #1d2080 !important; }
  #software.customersupport #sec01 ul li .btn_more, #software.customersupport #sec01 ul li .btn_blank {
    display: inline-block;
    width: auto; }
  #software.customersupport #sec01 ul li .btn_more.btn_down:after, #software.customersupport #sec01 ul li .btn_down.btn_blank:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url("../images/link_down.png") no-repeat center left;
    background-size: contain;
    width: 12px;
    height: 7px;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -4px; }
  #software.customersupport #sec01 ul li .img {
    padding: 6.52174% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #software.customersupport #sec01 ul li.all {
    width: 100%; }
    #software.customersupport #sec01 ul li.all .img {
      width: 50%;
      display: table-cell;
      vertical-align: middle;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0; }
    #software.customersupport #sec01 ul li.all .txt {
      width: 50%;
      display: table-cell;
      vertical-align: middle;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      padding: 0 7.04225%;
      text-align: left; }
    #software.customersupport #sec01 ul li.all a {
      padding: 0; }
  #software.customersupport #sec01 ul li.half {
    width: 49.29577%; }
    #software.customersupport #sec01 ul li.half a {
      padding: 5.71429% 0; }
    #software.customersupport #sec01 ul li.half .img, #software.customersupport #sec01 ul li.half .txt {
      display: table-cell;
      vertical-align: middle;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    #software.customersupport #sec01 ul li.half .img {
      width: 37.14286%;
      padding: 0 7.14286%; }
    #software.customersupport #sec01 ul li.half .txt {
      padding: 0 7.14286%;
      border-left: 1px solid #e6e6e6;
      text-align: left; }
  #software.customersupport #sec01 ul li.menu01, #software.customersupport #sec01 ul li.menu04, #software.customersupport #sec01 ul li.menu06 {
    margin-right: 0; }

#software.customersupport #sec02 .inr {
  width: 83.09859%; }
  #software.customersupport #sec02 .inr .mb40 {
    margin-bottom: 40px; }

#software.customersupport #sec03 .inr {
  width: 83.09859%; }

#software.customersupport #sec03 ul li {
  display: table;
  width: 100%;
  margin-bottom: 7.04225%; }
  #software.customersupport #sec03 ul li .img, #software.customersupport #sec03 ul li .txt {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle; }
  #software.customersupport #sec03 ul li .img {
    width: 45.07042%;
    padding-left: 4.22535%; }
    #software.customersupport #sec03 ul li .img img {
      width: 54%;
      min-width: 324px; }
      #software.customersupport #sec03 ul li .img img.full {
        width: 100%; }

#software.customersupport #sec04 .inr, #software.customersupport #sec05 .inr {
  width: 83.09859%; }

#software.customersupport #sec04 .inr .ttl_h1, #software.customersupport #sec05 .inr .ttl_h1 {
  margin-bottom: 20px; }

#software.customersupport #sec04 .inr .lead, #software.customersupport #sec05 .inr .lead {
  margin-bottom: 4.22535%; }

#software.customersupport #sec04 .inr img, #software.customersupport #sec05 .inr img {
  width: 80%;
  max-width: 650px;
  margin: 0 auto 20px;
  display: block; }

#software.customersupport #sec04 .inr img.image, #software.customersupport #sec05 .inr img.image {
  border: 1px solid #e6e6e6; }

#software.customersupport #sec04 .inr img.all, #software.customersupport #sec05 .inr img.all {
  max-width: 950px; }

#software.customersupport #sec04 .inr img.auto, #software.customersupport #sec05 .inr img.auto {
  max-width: 604px; }

#software.customersupport #sec04 .inr .btn_or, #software.customersupport #sec05 .inr .btn_or {
  margin: 0 auto; }

#software.customersupport .step li {
  margin-bottom: 5.08475%;
  padding-bottom: 5.08475%;
  border-bottom: 1px solid #e6e6e6; }
  #software.customersupport .step li:last-child {
    border-bottom: none;
    margin-bottom: 0; }

#software.customersupport .anchor {
  margin-bottom: 5.08475%; }
  #software.customersupport .anchor li {
    display: inline-block;
    vertical-align: middle;
    width: 49.15254%;
    border-radius: 10px;
    overflow: hidden; }
    #software.customersupport .anchor li:first-child {
      margin-right: 1.69492%; }
    #software.customersupport .anchor li a {
      display: block; }
    #software.customersupport .anchor li.type-a a {
      background: #00a6ff; }
    #software.customersupport .anchor li.type-b a {
      background: #1d2080; }
    #software.customersupport .anchor li dl {
      width: 100%;
      display: table;
      padding: 6.89655% 0;
      color: #FFF; }
      #software.customersupport .anchor li dl dt, #software.customersupport .anchor li dl dd {
        display: table-cell;
        vertical-align: middle; }
      #software.customersupport .anchor li dl dt {
        width: 24.13793%;
        font-size: 447%;
        padding: 0 6.89655%;
        text-align: center; }
      #software.customersupport .anchor li dl dd {
        padding-right: 17.24138%;
        position: relative;
        text-align: left; }
        #software.customersupport .anchor li dl dd:after {
          content: '';
          display: block;
          vertical-align: middle;
          background: url("../images/link_down_w.png") no-repeat top left;
          background-size: 100% auto;
          width: 23px;
          height: 13px;
          position: absolute;
          right: 8.62069%;
          top: 50%;
          margin-top: -10px;
          z-index: 0; }

#software.customersupport.ar #sec01 ul li.half .txt {
  text-align: right; }

#software.customersupport.ar #sec03 ul li .img {
  padding-left: 0;
  padding-right: 4.22535%; }

#software.customersupport.ar .anchor li:first-child {
  margin-right: 0; }

#software.customersupport.ar .anchor li:last-child {
  margin-right: 1.69492%; }

#software.customersupport.ar .anchor li dl dd {
  padding-righ: 0;
  padding-left: 17.24138%;
  text-align: right; }
  #software.customersupport.ar .anchor li dl dd:after {
    left: 8.62069%;
    right: auto; }

#software.customersupport .select {
  width: 50%;
  margin: 0 auto 20px; }

#software.importantinformation .col_w + .col_w {
  padding-top: 0; }

#software.importantinformation .lead {
  margin-bottom: 2.8169%; }

#software.importantinformation .important {
  border: 2px solid #ff0808;
  padding: 2.8169%;
  text-align: center; }

#software.importantinformation .ttl_h2 {
  margin-bottom: 2.11268%; }

#software.importantinformation .circle--list li {
  margin-bottom: .5em; }

#software.importantinformation .circle--list a {
  color: #33b2ff;
  text-decoration: underline; }

#software.importantinformation .circle--list span {
  text-align: center;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  line-height: 2em;
  text-align: center;
  display: inline-block;
  background: #ffd600;
  color: #1d2080;
  font-weight: bold;
  text-indent: 0; }

#software.importantinformation .col-tbl .col {
  border: none;
  padding-bottom: 0; }

#software.importantinformation .col-tbl .circle--list li {
  padding-left: 2.3em;
  text-indent: -2.3em; }
  #software.importantinformation .col-tbl .circle--list li br {
    display: none; }

#software.importantinformation .thumb {
  margin-bottom: 5.6338%; }
  #software.importantinformation .thumb .circle--list {
    text-align: center;
    letter-spacing: -.4em;
    margin-left: auto;
    margin-right: auto; }
    #software.importantinformation .thumb .circle--list li {
      display: inline-block;
      vertical-align: top;
      margin: 2.8169% 0;
      padding: 0 1.40845%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      letter-spacing: normal; }
      #software.importantinformation .thumb .circle--list li img {
        width: auto;
        max-height: 247px; }
    #software.importantinformation .thumb .circle--list span {
      text-align: center;
      height: 2em;
      width: 2em;
      border-radius: 50%;
      line-height: 2em;
      text-align: center;
      display: block;
      background: #ffd600;
      color: #1d2080;
      font-weight: bold;
      margin: 0 auto 20px; }

#software.importantinformation div.images {
  width: 520px;
  margin: 3.52113% auto; }
  #software.importantinformation div.images img {
    max-width: 520px; }

#software.importantinformation ul.images {
  border: 1px solid #dadada;
  text-align: center;
  padding: 2.8169%;
  margin: 2.8169% 0 5.6338%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -.4em; }
  #software.importantinformation ul.images li {
    letter-spacing: normal;
    width: 50%;
    display: inline-block;
    vertical-align: top; }
    #software.importantinformation ul.images li img {
      max-width: 380px;
      margin-bottom: 15px; }

#software.networklicense #contents section .sec + .sec {
  margin-top: 6.36364%; }

#software.networklicense #contents section .model {
  background: none; }

#software.networklicense #contents section p {
  margin-bottom: 15px; }

#software.networklicense #contents section .ttl_h1 {
  margin-bottom: 4.22535%; }

#software.networklicense #contents section ul.disc {
  margin-bottom: 1.76056%; }

#software.networklicense #contents section .subheading {
  font-size: 154%;
  color: #1d2080;
  margin-top: 2.8169%;
  margin-bottom: 1.40845%;
  font-weight: normal; }

#software.networklicense #sec01 ul li {
  float: left;
  position: relative;
  background: #FFF;
  margin-bottom: 1.40845%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32.39437%;
  margin-right: 1.40845%;
  text-align: center; }
  #software.networklicense #sec01 ul li > a {
    display: table;
    width: 100%;
    padding: 8.69565% 13.04348%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #software.networklicense #sec01 ul li h2 {
    margin-bottom: 15px; }
  #software.networklicense #sec01 ul li .ttl_h2_01_s {
    display: table;
    font-size: 162% !important;
    color: #1d2080 !important;
    width: 100%; }
    #software.networklicense #sec01 ul li .ttl_h2_01_s span {
      display: table-cell;
      vertical-align: middle;
      color: #1d2080 !important;
      padding: 0; }
  #software.networklicense #sec01 ul li .btn_more, #software.networklicense #sec01 ul li .btn_blank {
    display: inline-block;
    width: auto; }
  #software.networklicense #sec01 ul li .btn_more.btn_down:after, #software.networklicense #sec01 ul li .btn_down.btn_blank:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url("../images/link_down.png") no-repeat center left;
    background-size: contain;
    width: 12px;
    height: 7px;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -4px; }
  #software.networklicense #sec01 ul li .img {
    padding: 6.52174% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #software.networklicense #sec01 ul li .img img {
      width: 50%; }
  #software.networklicense #sec01 ul li.menu05 .img img {
    width: 86.95652%; }
  #software.networklicense #sec01 ul li.all {
    width: 100%;
    margin-right: 0; }
    #software.networklicense #sec01 ul li.all .img, #software.networklicense #sec01 ul li.all .txt {
      width: 50%;
      display: table-cell;
      vertical-align: middle;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0; }
    #software.networklicense #sec01 ul li.all .img {
      width: 38%;
      padding: 4.34783% 0; }
      #software.networklicense #sec01 ul li.all .img img {
        width: 40%;
        float: right; }
    #software.networklicense #sec01 ul li.all .txt {
      width: 62%;
      padding: 0 7.04225%;
      text-align: left; }
    #software.networklicense #sec01 ul li.all a {
      padding: 0; }
  #software.networklicense #sec01 ul li:nth-of-type(3n + 1) {
    margin-right: 0; }

#software.networklicense #sec02 .lead {
  margin-bottom: 5.6338%; }

#software.networklicense #sec02 .inr {
  width: 83.09859%; }

#software.networklicense #sec03 .inr, #software.networklicense #sec05 .inr {
  width: 83.09859%; }

#software.networklicense #sec02 .indent, #software.networklicense #sec03 .indent, #software.networklicense #sec05 .indent {
  margin-bottom: 2.8169%; }

#software.networklicense #sec02 dl.tbl, #software.networklicense #sec03 dl.tbl, #software.networklicense #sec05 dl.tbl {
  display: table;
  width: 100%; }

#software.networklicense #sec02 dl.tbl dt, #software.networklicense #sec02 dl.tbl dd {
  display: table-cell;
  vertical-align: top;
  padding: .5em 0; }

#software.networklicense #sec03 dl.tbl dt, #software.networklicense #sec03 dl.tbl dd {
  display: table-cell;
  vertical-align: top;
  padding: .5em 0; }

#software.networklicense #sec05 dl.tbl dt, #software.networklicense #sec05 dl.tbl dd {
  display: table-cell;
  vertical-align: top;
  padding: .5em 0; }

#software.networklicense #sec02 dl.tbl dt, #software.networklicense #sec03 dl.tbl dt, #software.networklicense #sec05 dl.tbl dt {
  width: 8.5em; }

#software.networklicense #sec02 ul.step > li, #software.networklicense #sec03 ul.step > li, #software.networklicense #sec05 ul.step > li {
  display: table;
  width: 100%; }

#software.networklicense #sec02 ul.step > li:last-child, #software.networklicense #sec03 ul.step > li:last-child, #software.networklicense #sec05 ul.step > li:last-child {
  margin-bottom: 0; }

#software.networklicense #sec02 ul.step > li .licence-list, #software.networklicense #sec03 ul.step > li .licence-list, #software.networklicense #sec05 ul.step > li .licence-list {
  font-size: 177%;
  color: #1d2080;
  font-weight: normal; }

#software.networklicense #sec02 ul.step > li .img, #software.networklicense #sec02 ul.step > li .txt {
  display: table-cell;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top; }

#software.networklicense #sec03 ul.step > li .img, #software.networklicense #sec03 ul.step > li .txt {
  display: table-cell;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top; }

#software.networklicense #sec05 ul.step > li .img, #software.networklicense #sec05 ul.step > li .txt {
  display: table-cell;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top; }

#software.networklicense #sec02 ul.step > li .img, #software.networklicense #sec03 ul.step > li .img, #software.networklicense #sec05 ul.step > li .img {
  padding-left: 4.22535%;
  width: 34.54545%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#software.networklicense #sec02 ul.step > li .img img, #software.networklicense #sec03 ul.step > li .img img, #software.networklicense #sec05 ul.step > li .img img {
  width: 100%; }

#software.networklicense #sec04 .btn, #software.networklicense #sec05 .btn {
  margin-bottom: 1.40845%; }

#software.networklicense #sec04 .btn_blu, #software.networklicense #sec05 .btn_blu {
  width: auto;
  max-width: 100%; }

#software.networklicense #sec03 .inr {
  width: 83.09859%; }
  #software.networklicense #sec03 .inr ul.step > li {
    margin-top: 0; }
    #software.networklicense #sec03 .inr ul.step > li .img {
      width: 14.54545%;
      padding: 0 2.72727% 0 0; }
    #software.networklicense #sec03 .inr ul.step > li.sp_item {
      display: none !important; }
    #software.networklicense #sec03 .inr ul.step > li .btn-list li {
      margin-bottom: 10px !important; }
  #software.networklicense #sec03 .inr .memo {
    margin-left: 14.54545%;
    padding-left: 1.4em; }
    #software.networklicense #sec03 .inr .memo h2 {
      font-size: 124%;
      color: #3e3a39;
      font-weight: bold; }
    #software.networklicense #sec03 .inr .memo ul {
      padding-left: 1.5em; }

#software.networklicense #sec04 .inr, #software.networklicense #sec05 .inr, #software.networklicense #sec06 .inr, #software.networklicense #sec07 .inr {
  width: 83.09859%; }

#software.networklicense #sec03 .inr .lead, #software.networklicense #sec04 .inr .lead, #software.networklicense #sec05 .inr .lead, #software.networklicense #sec06 .inr .lead, #software.networklicense #sec07 .inr .lead {
  text-align: left;
  margin-bottom: 4.22535%; }

#software.networklicense #sec03 .inr .btn-list li, #software.networklicense #sec04 .inr .btn-list li, #software.networklicense #sec05 .inr .btn-list li, #software.networklicense #sec06 .inr .btn-list li, #software.networklicense #sec07 .inr .btn-list li {
  text-align: center; }

#software.networklicense #sec03 .inr img, #software.networklicense #sec04 .inr img, #software.networklicense #sec05 .inr img, #software.networklicense #sec06 .inr img, #software.networklicense #sec07 .inr img {
  width: 80%;
  max-width: 650px;
  margin: 0 auto 20px;
  display: block; }

#software.networklicense #sec03 .inr img.image, #software.networklicense #sec04 .inr img.image, #software.networklicense #sec05 .inr img.image, #software.networklicense #sec06 .inr img.image, #software.networklicense #sec07 .inr img.image {
  border: 1px solid #e6e6e6; }

#software.networklicense #sec03 .inr img.all, #software.networklicense #sec04 .inr img.all, #software.networklicense #sec05 .inr img.all, #software.networklicense #sec06 .inr img.all, #software.networklicense #sec07 .inr img.all {
  max-width: 950px; }

#software.networklicense #sec03 .inr .btn_or, #software.networklicense #sec04 .inr .btn_or, #software.networklicense #sec05 .inr .btn_or, #software.networklicense #sec06 .inr .btn_or, #software.networklicense #sec07 .inr .btn_or {
  margin: 0 auto;
  padding: 15px 36px; }

#software.networklicense #sec03 .inr ul.links li, #software.networklicense #sec04 .inr ul.links li, #software.networklicense #sec05 .inr ul.links li, #software.networklicense #sec06 .inr ul.links li, #software.networklicense #sec07 .inr ul.links li {
  display: inline-block;
  margin: 0 1.40845% 4.22535% 1.40845%;
  vertical-align: top;
  margin-bottom: .5em;
  text-algin: center; }

#software.networklicense #sec03 .inr ul.links li.auto, #software.networklicense #sec04 .inr ul.links li.auto, #software.networklicense #sec05 .inr ul.links li.auto, #software.networklicense #sec06 .inr ul.links li.auto, #software.networklicense #sec07 .inr ul.links li.auto {
  width: auto; }

#software.networklicense #sec03 .inr ul.links li.mt00, #software.networklicense #sec04 .inr ul.links li.mt00, #software.networklicense #sec05 .inr ul.links li.mt00, #software.networklicense #sec06 .inr ul.links li.mt00, #software.networklicense #sec07 .inr ul.links li.mt00 {
  margin-top: 0 !important; }

#software.networklicense #sec03 .inr ul.links li.full, #software.networklicense #sec04 .inr ul.links li.full, #software.networklicense #sec05 .inr ul.links li.full, #software.networklicense #sec06 .inr ul.links li.full, #software.networklicense #sec07 .inr ul.links li.full {
  width: auto;
  display: inline-block; }

#software.networklicense #sec03 .inr ul.links li input, #software.networklicense #sec03 .inr ul.links li button, #software.networklicense #sec03 .inr ul.links li a {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 124%;
  border-radius: 50px;
  padding: 1em;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border: none;
  text-decoration: none;
  text-align: center; }

#software.networklicense #sec04 .inr ul.links li input, #software.networklicense #sec04 .inr ul.links li button, #software.networklicense #sec04 .inr ul.links li a {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 124%;
  border-radius: 50px;
  padding: 1em;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border: none;
  text-decoration: none;
  text-align: center; }

#software.networklicense #sec05 .inr ul.links li input, #software.networklicense #sec05 .inr ul.links li button, #software.networklicense #sec05 .inr ul.links li a {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 124%;
  border-radius: 50px;
  padding: 1em;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border: none;
  text-decoration: none;
  text-align: center; }

#software.networklicense #sec06 .inr ul.links li input, #software.networklicense #sec06 .inr ul.links li button, #software.networklicense #sec06 .inr ul.links li a {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 124%;
  border-radius: 50px;
  padding: 1em;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border: none;
  text-decoration: none;
  text-align: center; }

#software.networklicense #sec07 .inr ul.links li input, #software.networklicense #sec07 .inr ul.links li button, #software.networklicense #sec07 .inr ul.links li a {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 124%;
  border-radius: 50px;
  padding: 1em;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border: none;
  text-decoration: none;
  text-align: center; }

#software.networklicense #sec03 .inr ul.links li input:hover, #software.networklicense #sec03 .inr ul.links li button:hover, #software.networklicense #sec03 .inr ul.links li a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5; }

#software.networklicense #sec04 .inr ul.links li input:hover, #software.networklicense #sec04 .inr ul.links li button:hover, #software.networklicense #sec04 .inr ul.links li a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5; }

#software.networklicense #sec05 .inr ul.links li input:hover, #software.networklicense #sec05 .inr ul.links li button:hover, #software.networklicense #sec05 .inr ul.links li a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5; }

#software.networklicense #sec06 .inr ul.links li input:hover, #software.networklicense #sec06 .inr ul.links li button:hover, #software.networklicense #sec06 .inr ul.links li a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5; }

#software.networklicense #sec07 .inr ul.links li input:hover, #software.networklicense #sec07 .inr ul.links li button:hover, #software.networklicense #sec07 .inr ul.links li a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5; }

#software.networklicense #sec03 .inr ul.links li input.btn_reset, #software.networklicense #sec03 .inr ul.links li button.btn_reset, #software.networklicense #sec03 .inr ul.links li a.btn_reset {
  background: #3e3a39;
  color: #FFF; }

#software.networklicense #sec04 .inr ul.links li input.btn_reset, #software.networklicense #sec04 .inr ul.links li button.btn_reset, #software.networklicense #sec04 .inr ul.links li a.btn_reset {
  background: #3e3a39;
  color: #FFF; }

#software.networklicense #sec05 .inr ul.links li input.btn_reset, #software.networklicense #sec05 .inr ul.links li button.btn_reset, #software.networklicense #sec05 .inr ul.links li a.btn_reset {
  background: #3e3a39;
  color: #FFF; }

#software.networklicense #sec06 .inr ul.links li input.btn_reset, #software.networklicense #sec06 .inr ul.links li button.btn_reset, #software.networklicense #sec06 .inr ul.links li a.btn_reset {
  background: #3e3a39;
  color: #FFF; }

#software.networklicense #sec07 .inr ul.links li input.btn_reset, #software.networklicense #sec07 .inr ul.links li button.btn_reset, #software.networklicense #sec07 .inr ul.links li a.btn_reset {
  background: #3e3a39;
  color: #FFF; }

#software.networklicense #sec03 .inr ul.links li input.btn_submit, #software.networklicense #sec03 .inr ul.links li button.btn_submit, #software.networklicense #sec03 .inr ul.links li a.btn_submit {
  background: #0458c4;
  color: #FFF; }

#software.networklicense #sec04 .inr ul.links li input.btn_submit, #software.networklicense #sec04 .inr ul.links li button.btn_submit, #software.networklicense #sec04 .inr ul.links li a.btn_submit {
  background: #0458c4;
  color: #FFF; }

#software.networklicense #sec05 .inr ul.links li input.btn_submit, #software.networklicense #sec05 .inr ul.links li button.btn_submit, #software.networklicense #sec05 .inr ul.links li a.btn_submit {
  background: #0458c4;
  color: #FFF; }

#software.networklicense #sec06 .inr ul.links li input.btn_submit, #software.networklicense #sec06 .inr ul.links li button.btn_submit, #software.networklicense #sec06 .inr ul.links li a.btn_submit {
  background: #0458c4;
  color: #FFF; }

#software.networklicense #sec07 .inr ul.links li input.btn_submit, #software.networklicense #sec07 .inr ul.links li button.btn_submit, #software.networklicense #sec07 .inr ul.links li a.btn_submit {
  background: #0458c4;
  color: #FFF; }

#software.networklicense #sec03 .inr ul.links li input.disabled, #software.networklicense #sec03 .inr ul.links li button.disabled, #software.networklicense #sec03 .inr ul.links li a.disabled {
  pointer-events: none;
  background: #dadada; }

#software.networklicense #sec04 .inr ul.links li input.disabled, #software.networklicense #sec04 .inr ul.links li button.disabled, #software.networklicense #sec04 .inr ul.links li a.disabled {
  pointer-events: none;
  background: #dadada; }

#software.networklicense #sec05 .inr ul.links li input.disabled, #software.networklicense #sec05 .inr ul.links li button.disabled, #software.networklicense #sec05 .inr ul.links li a.disabled {
  pointer-events: none;
  background: #dadada; }

#software.networklicense #sec06 .inr ul.links li input.disabled, #software.networklicense #sec06 .inr ul.links li button.disabled, #software.networklicense #sec06 .inr ul.links li a.disabled {
  pointer-events: none;
  background: #dadada; }

#software.networklicense #sec07 .inr ul.links li input.disabled, #software.networklicense #sec07 .inr ul.links li button.disabled, #software.networklicense #sec07 .inr ul.links li a.disabled {
  pointer-events: none;
  background: #dadada; }

#software.networklicense #sec03 .inr ul.links li input.btn_dl, #software.networklicense #sec03 .inr ul.links li button.btn_dl, #software.networklicense #sec03 .inr ul.links li a.btn_dl {
  border: 2px solid #3e3a39;
  display: table;
  border-radius: 30px;
  padding: 5px 25px 5px 35px;
  font-size: 93%;
  color: #3e3a39;
  font-weight: bold;
  position: relative;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none; }

#software.networklicense #sec04 .inr ul.links li input.btn_dl, #software.networklicense #sec04 .inr ul.links li button.btn_dl, #software.networklicense #sec04 .inr ul.links li a.btn_dl {
  border: 2px solid #3e3a39;
  display: table;
  border-radius: 30px;
  padding: 5px 25px 5px 35px;
  font-size: 93%;
  color: #3e3a39;
  font-weight: bold;
  position: relative;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none; }

#software.networklicense #sec05 .inr ul.links li input.btn_dl, #software.networklicense #sec05 .inr ul.links li button.btn_dl, #software.networklicense #sec05 .inr ul.links li a.btn_dl {
  border: 2px solid #3e3a39;
  display: table;
  border-radius: 30px;
  padding: 5px 25px 5px 35px;
  font-size: 93%;
  color: #3e3a39;
  font-weight: bold;
  position: relative;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none; }

#software.networklicense #sec06 .inr ul.links li input.btn_dl, #software.networklicense #sec06 .inr ul.links li button.btn_dl, #software.networklicense #sec06 .inr ul.links li a.btn_dl {
  border: 2px solid #3e3a39;
  display: table;
  border-radius: 30px;
  padding: 5px 25px 5px 35px;
  font-size: 93%;
  color: #3e3a39;
  font-weight: bold;
  position: relative;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none; }

#software.networklicense #sec07 .inr ul.links li input.btn_dl, #software.networklicense #sec07 .inr ul.links li button.btn_dl, #software.networklicense #sec07 .inr ul.links li a.btn_dl {
  border: 2px solid #3e3a39;
  display: table;
  border-radius: 30px;
  padding: 5px 25px 5px 35px;
  font-size: 93%;
  color: #3e3a39;
  font-weight: bold;
  position: relative;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none; }

#software.networklicense #sec03 .inr ul.links li input.btn_dl:before, #software.networklicense #sec03 .inr ul.links li button.btn_dl:before, #software.networklicense #sec03 .inr ul.links li a.btn_dl:before {
  display: none; }

#software.networklicense #sec04 .inr ul.links li input.btn_dl:before, #software.networklicense #sec04 .inr ul.links li button.btn_dl:before, #software.networklicense #sec04 .inr ul.links li a.btn_dl:before {
  display: none; }

#software.networklicense #sec05 .inr ul.links li input.btn_dl:before, #software.networklicense #sec05 .inr ul.links li button.btn_dl:before, #software.networklicense #sec05 .inr ul.links li a.btn_dl:before {
  display: none; }

#software.networklicense #sec06 .inr ul.links li input.btn_dl:before, #software.networklicense #sec06 .inr ul.links li button.btn_dl:before, #software.networklicense #sec06 .inr ul.links li a.btn_dl:before {
  display: none; }

#software.networklicense #sec07 .inr ul.links li input.btn_dl:before, #software.networklicense #sec07 .inr ul.links li button.btn_dl:before, #software.networklicense #sec07 .inr ul.links li a.btn_dl:before {
  display: none; }

#software.networklicense #sec03 .inr ul.links li input.btn_dl span, #software.networklicense #sec03 .inr ul.links li button.btn_dl span, #software.networklicense #sec03 .inr ul.links li a.btn_dl span {
  display: inline-block;
  padding-right: 25px; }

#software.networklicense #sec04 .inr ul.links li input.btn_dl span, #software.networklicense #sec04 .inr ul.links li button.btn_dl span, #software.networklicense #sec04 .inr ul.links li a.btn_dl span {
  display: inline-block;
  padding-right: 25px; }

#software.networklicense #sec05 .inr ul.links li input.btn_dl span, #software.networklicense #sec05 .inr ul.links li button.btn_dl span, #software.networklicense #sec05 .inr ul.links li a.btn_dl span {
  display: inline-block;
  padding-right: 25px; }

#software.networklicense #sec06 .inr ul.links li input.btn_dl span, #software.networklicense #sec06 .inr ul.links li button.btn_dl span, #software.networklicense #sec06 .inr ul.links li a.btn_dl span {
  display: inline-block;
  padding-right: 25px; }

#software.networklicense #sec07 .inr ul.links li input.btn_dl span, #software.networklicense #sec07 .inr ul.links li button.btn_dl span, #software.networklicense #sec07 .inr ul.links li a.btn_dl span {
  display: inline-block;
  padding-right: 25px; }

#software.networklicense #sec03 .inr ul.links li input.btn_dl span:before, #software.networklicense #sec03 .inr ul.links li button.btn_dl span:before, #software.networklicense #sec03 .inr ul.links li a.btn_dl span:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/dl.png") no-repeat center left;
  background-size: contain;
  width: 25px;
  height: 25px; }

#software.networklicense #sec04 .inr ul.links li input.btn_dl span:before, #software.networklicense #sec04 .inr ul.links li button.btn_dl span:before, #software.networklicense #sec04 .inr ul.links li a.btn_dl span:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/dl.png") no-repeat center left;
  background-size: contain;
  width: 25px;
  height: 25px; }

#software.networklicense #sec05 .inr ul.links li input.btn_dl span:before, #software.networklicense #sec05 .inr ul.links li button.btn_dl span:before, #software.networklicense #sec05 .inr ul.links li a.btn_dl span:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/dl.png") no-repeat center left;
  background-size: contain;
  width: 25px;
  height: 25px; }

#software.networklicense #sec06 .inr ul.links li input.btn_dl span:before, #software.networklicense #sec06 .inr ul.links li button.btn_dl span:before, #software.networklicense #sec06 .inr ul.links li a.btn_dl span:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/dl.png") no-repeat center left;
  background-size: contain;
  width: 25px;
  height: 25px; }

#software.networklicense #sec07 .inr ul.links li input.btn_dl span:before, #software.networklicense #sec07 .inr ul.links li button.btn_dl span:before, #software.networklicense #sec07 .inr ul.links li a.btn_dl span:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/dl.png") no-repeat center left;
  background-size: contain;
  width: 25px;
  height: 25px; }

#software.networklicense #sec03 .inr ul.links li input.btn_dl:hover, #software.networklicense #sec03 .inr ul.links li button.btn_dl:hover, #software.networklicense #sec03 .inr ul.links li a.btn_dl:hover {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF; }

#software.networklicense #sec04 .inr ul.links li input.btn_dl:hover, #software.networklicense #sec04 .inr ul.links li button.btn_dl:hover, #software.networklicense #sec04 .inr ul.links li a.btn_dl:hover {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF; }

#software.networklicense #sec05 .inr ul.links li input.btn_dl:hover, #software.networklicense #sec05 .inr ul.links li button.btn_dl:hover, #software.networklicense #sec05 .inr ul.links li a.btn_dl:hover {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF; }

#software.networklicense #sec06 .inr ul.links li input.btn_dl:hover, #software.networklicense #sec06 .inr ul.links li button.btn_dl:hover, #software.networklicense #sec06 .inr ul.links li a.btn_dl:hover {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF; }

#software.networklicense #sec07 .inr ul.links li input.btn_dl:hover, #software.networklicense #sec07 .inr ul.links li button.btn_dl:hover, #software.networklicense #sec07 .inr ul.links li a.btn_dl:hover {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF; }

#software.networklicense #sec03 .inr ul.links li input.btn_dl:hover span:before, #software.networklicense #sec03 .inr ul.links li button.btn_dl:hover span:before, #software.networklicense #sec03 .inr ul.links li a.btn_dl:hover span:before {
  background-image: url("../images/dl_w.png"); }

#software.networklicense #sec04 .inr ul.links li input.btn_dl:hover span:before, #software.networklicense #sec04 .inr ul.links li button.btn_dl:hover span:before, #software.networklicense #sec04 .inr ul.links li a.btn_dl:hover span:before {
  background-image: url("../images/dl_w.png"); }

#software.networklicense #sec05 .inr ul.links li input.btn_dl:hover span:before, #software.networklicense #sec05 .inr ul.links li button.btn_dl:hover span:before, #software.networklicense #sec05 .inr ul.links li a.btn_dl:hover span:before {
  background-image: url("../images/dl_w.png"); }

#software.networklicense #sec06 .inr ul.links li input.btn_dl:hover span:before, #software.networklicense #sec06 .inr ul.links li button.btn_dl:hover span:before, #software.networklicense #sec06 .inr ul.links li a.btn_dl:hover span:before {
  background-image: url("../images/dl_w.png"); }

#software.networklicense #sec07 .inr ul.links li input.btn_dl:hover span:before, #software.networklicense #sec07 .inr ul.links li button.btn_dl:hover span:before, #software.networklicense #sec07 .inr ul.links li a.btn_dl:hover span:before {
  background-image: url("../images/dl_w.png"); }

#software.networklicense #sec03 .inr ul.links li input.btn_blank, #software.networklicense #sec03 .inr ul.links li button.btn_blank, #software.networklicense #sec03 .inr ul.links li a.btn_blank {
  border: 2px solid #3e3a39;
  display: table;
  border-radius: 30px;
  padding: 5px 25px 5px 35px;
  font-size: 93%;
  color: #3e3a39;
  font-weight: bold;
  position: relative;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  height: 25px; }

#software.networklicense #sec04 .inr ul.links li input.btn_blank, #software.networklicense #sec04 .inr ul.links li button.btn_blank, #software.networklicense #sec04 .inr ul.links li a.btn_blank {
  border: 2px solid #3e3a39;
  display: table;
  border-radius: 30px;
  padding: 5px 25px 5px 35px;
  font-size: 93%;
  color: #3e3a39;
  font-weight: bold;
  position: relative;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  height: 25px; }

#software.networklicense #sec05 .inr ul.links li input.btn_blank, #software.networklicense #sec05 .inr ul.links li button.btn_blank, #software.networklicense #sec05 .inr ul.links li a.btn_blank {
  border: 2px solid #3e3a39;
  display: table;
  border-radius: 30px;
  padding: 5px 25px 5px 35px;
  font-size: 93%;
  color: #3e3a39;
  font-weight: bold;
  position: relative;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  height: 25px; }

#software.networklicense #sec06 .inr ul.links li input.btn_blank, #software.networklicense #sec06 .inr ul.links li button.btn_blank, #software.networklicense #sec06 .inr ul.links li a.btn_blank {
  border: 2px solid #3e3a39;
  display: table;
  border-radius: 30px;
  padding: 5px 25px 5px 35px;
  font-size: 93%;
  color: #3e3a39;
  font-weight: bold;
  position: relative;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  height: 25px; }

#software.networklicense #sec07 .inr ul.links li input.btn_blank, #software.networklicense #sec07 .inr ul.links li button.btn_blank, #software.networklicense #sec07 .inr ul.links li a.btn_blank {
  border: 2px solid #3e3a39;
  display: table;
  border-radius: 30px;
  padding: 5px 25px 5px 35px;
  font-size: 93%;
  color: #3e3a39;
  font-weight: bold;
  position: relative;
  min-width: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  height: 25px; }

#software.networklicense #sec03 .inr ul.links li input.btn_blank:after, #software.networklicense #sec03 .inr ul.links li button.btn_blank:after, #software.networklicense #sec03 .inr ul.links li a.btn_blank:after {
  display: none; }

#software.networklicense #sec04 .inr ul.links li input.btn_blank:after, #software.networklicense #sec04 .inr ul.links li button.btn_blank:after, #software.networklicense #sec04 .inr ul.links li a.btn_blank:after {
  display: none; }

#software.networklicense #sec05 .inr ul.links li input.btn_blank:after, #software.networklicense #sec05 .inr ul.links li button.btn_blank:after, #software.networklicense #sec05 .inr ul.links li a.btn_blank:after {
  display: none; }

#software.networklicense #sec06 .inr ul.links li input.btn_blank:after, #software.networklicense #sec06 .inr ul.links li button.btn_blank:after, #software.networklicense #sec06 .inr ul.links li a.btn_blank:after {
  display: none; }

#software.networklicense #sec07 .inr ul.links li input.btn_blank:after, #software.networklicense #sec07 .inr ul.links li button.btn_blank:after, #software.networklicense #sec07 .inr ul.links li a.btn_blank:after {
  display: none; }

#software.networklicense #sec03 .inr ul.links li input.btn_blank span, #software.networklicense #sec03 .inr ul.links li button.btn_blank span, #software.networklicense #sec03 .inr ul.links li a.btn_blank span {
  display: inline-block; }

#software.networklicense #sec04 .inr ul.links li input.btn_blank span, #software.networklicense #sec04 .inr ul.links li button.btn_blank span, #software.networklicense #sec04 .inr ul.links li a.btn_blank span {
  display: inline-block; }

#software.networklicense #sec05 .inr ul.links li input.btn_blank span, #software.networklicense #sec05 .inr ul.links li button.btn_blank span, #software.networklicense #sec05 .inr ul.links li a.btn_blank span {
  display: inline-block; }

#software.networklicense #sec06 .inr ul.links li input.btn_blank span, #software.networklicense #sec06 .inr ul.links li button.btn_blank span, #software.networklicense #sec06 .inr ul.links li a.btn_blank span {
  display: inline-block; }

#software.networklicense #sec07 .inr ul.links li input.btn_blank span, #software.networklicense #sec07 .inr ul.links li button.btn_blank span, #software.networklicense #sec07 .inr ul.links li a.btn_blank span {
  display: inline-block; }

#software.networklicense #sec03 .inr ul.links li input.btn_blank span:after, #software.networklicense #sec03 .inr ul.links li button.btn_blank span:after, #software.networklicense #sec03 .inr ul.links li a.btn_blank span:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/blank_bk.png") no-repeat center left;
  background-size: contain;
  width: 11px;
  height: 25px;
  margin-left: 5px; }

#software.networklicense #sec04 .inr ul.links li input.btn_blank span:after, #software.networklicense #sec04 .inr ul.links li button.btn_blank span:after, #software.networklicense #sec04 .inr ul.links li a.btn_blank span:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/blank_bk.png") no-repeat center left;
  background-size: contain;
  width: 11px;
  height: 25px;
  margin-left: 5px; }

#software.networklicense #sec05 .inr ul.links li input.btn_blank span:after, #software.networklicense #sec05 .inr ul.links li button.btn_blank span:after, #software.networklicense #sec05 .inr ul.links li a.btn_blank span:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/blank_bk.png") no-repeat center left;
  background-size: contain;
  width: 11px;
  height: 25px;
  margin-left: 5px; }

#software.networklicense #sec06 .inr ul.links li input.btn_blank span:after, #software.networklicense #sec06 .inr ul.links li button.btn_blank span:after, #software.networklicense #sec06 .inr ul.links li a.btn_blank span:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/blank_bk.png") no-repeat center left;
  background-size: contain;
  width: 11px;
  height: 25px;
  margin-left: 5px; }

#software.networklicense #sec07 .inr ul.links li input.btn_blank span:after, #software.networklicense #sec07 .inr ul.links li button.btn_blank span:after, #software.networklicense #sec07 .inr ul.links li a.btn_blank span:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("../images/blank_bk.png") no-repeat center left;
  background-size: contain;
  width: 11px;
  height: 25px;
  margin-left: 5px; }

#software.networklicense #sec03 .inr ul.links li input.btn_blank:hover, #software.networklicense #sec03 .inr ul.links li button.btn_blank:hover, #software.networklicense #sec03 .inr ul.links li a.btn_blank:hover {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF !important; }

#software.networklicense #sec04 .inr ul.links li input.btn_blank:hover, #software.networklicense #sec04 .inr ul.links li button.btn_blank:hover, #software.networklicense #sec04 .inr ul.links li a.btn_blank:hover {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF !important; }

#software.networklicense #sec05 .inr ul.links li input.btn_blank:hover, #software.networklicense #sec05 .inr ul.links li button.btn_blank:hover, #software.networklicense #sec05 .inr ul.links li a.btn_blank:hover {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF !important; }

#software.networklicense #sec06 .inr ul.links li input.btn_blank:hover, #software.networklicense #sec06 .inr ul.links li button.btn_blank:hover, #software.networklicense #sec06 .inr ul.links li a.btn_blank:hover {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF !important; }

#software.networklicense #sec07 .inr ul.links li input.btn_blank:hover, #software.networklicense #sec07 .inr ul.links li button.btn_blank:hover, #software.networklicense #sec07 .inr ul.links li a.btn_blank:hover {
  border: 2px solid #0458c4;
  background: #0458c4;
  color: #FFF !important; }

#software.networklicense #sec03 .inr ul.links li input.btn_blank:hover span:after, #software.networklicense #sec03 .inr ul.links li button.btn_blank:hover span:after, #software.networklicense #sec03 .inr ul.links li a.btn_blank:hover span:after {
  background-image: url("../images/blank_wh.png"); }

#software.networklicense #sec04 .inr ul.links li input.btn_blank:hover span:after, #software.networklicense #sec04 .inr ul.links li button.btn_blank:hover span:after, #software.networklicense #sec04 .inr ul.links li a.btn_blank:hover span:after {
  background-image: url("../images/blank_wh.png"); }

#software.networklicense #sec05 .inr ul.links li input.btn_blank:hover span:after, #software.networklicense #sec05 .inr ul.links li button.btn_blank:hover span:after, #software.networklicense #sec05 .inr ul.links li a.btn_blank:hover span:after {
  background-image: url("../images/blank_wh.png"); }

#software.networklicense #sec06 .inr ul.links li input.btn_blank:hover span:after, #software.networklicense #sec06 .inr ul.links li button.btn_blank:hover span:after, #software.networklicense #sec06 .inr ul.links li a.btn_blank:hover span:after {
  background-image: url("../images/blank_wh.png"); }

#software.networklicense #sec07 .inr ul.links li input.btn_blank:hover span:after, #software.networklicense #sec07 .inr ul.links li button.btn_blank:hover span:after, #software.networklicense #sec07 .inr ul.links li a.btn_blank:hover span:after {
  background-image: url("../images/blank_wh.png"); }

#software.networklicense .select {
  width: 50%;
  margin: 0 auto 20px; }

#software.activation_error #contents section {
  padding: 8.64198% 0; }
  #software.activation_error #contents section p {
    margin-bottom: 15px; }

#software.activation_error #sec01 .inr {
  width: 83.09859%; }
  #software.activation_error #sec01 .inr .scroll {
    margin-bottom: 4.22535%;
    overflow-y: auto; }
  #software.activation_error #sec01 .inr .table {
    width: 100%;
    min-width: 726px;
    border: 1px solid #dadada;
    white-space: normal; }
    #software.activation_error #sec01 .inr .table th, #software.activation_error #sec01 .inr .table td {
      padding: .5em;
      border: 1px solid #dadada;
      width: 40%;
      vertical-align: middle; }
    #software.activation_error #sec01 .inr .table th:first-of-type, #software.activation_error #sec01 .inr .table td:first-of-type {
      width: 20%; }
    #software.activation_error #sec01 .inr .table th {
      background: #f2f2f2;
      color: #3e3a39;
      text-align: center; }

#software.activation_cardmodel #contents section {
  padding: 8.64198% 0; }
  #software.activation_cardmodel #contents section p {
    margin-bottom: 15px; }

#software.activation_cardmodel #sec01 .inr {
  width: 83.09859%; }
  #software.activation_cardmodel #sec01 .inr .image {
    width: 366px;
    display: block;
    margin: 0 auto 80px; }
  #software.activation_cardmodel #sec01 .inr .image_inr {
    position: relative; }
  #software.activation_cardmodel #sec01 .inr .image img {
    width: 100%; }
  #software.activation_cardmodel #sec01 .inr .image .point {
    position: absolute;
    bottom: 10%;
    right: 100%;
    margin-right: 5px;
    color: #1d2080;
    font-size: 154%;
    white-space: nowrap;
    text-align: right;
    line-height: 1.2;
    vertical-align: bottom; }
  #software.activation_cardmodel #sec01 .inr .image .cap {
    margin-top: 10px;
    text-align: center; }
  #software.activation_cardmodel #sec01 .inr .scroll {
    margin-bottom: 4.22535%;
    overflow-y: auto; }
  #software.activation_cardmodel #sec01 .inr .table {
    width: 100%;
    min-width: 726px;
    border: 1px solid #dadada;
    white-space: normal; }
    #software.activation_cardmodel #sec01 .inr .table th, #software.activation_cardmodel #sec01 .inr .table td {
      padding: .5em;
      border: 1px solid #dadada;
      vertical-align: middle;
      white-space: nowrap; }
    #software.activation_cardmodel #sec01 .inr .table th {
      background: #f2f2f2;
      color: #3e3a39;
      text-align: center; }

#software.activation_licenserecovery #contents section {
  padding: 8.64198% 0; }
  #software.activation_licenserecovery #contents section p {
    margin-bottom: 15px; }

#software.activation_licenserecovery #sec01 .inr {
  width: 83.09859%; }
  #software.activation_licenserecovery #sec01 .inr .ttl_h1 {
    margin-bottom: 20px; }
  #software.activation_licenserecovery #sec01 .inr .lead {
    margin-bottom: 4.22535%; }
  #software.activation_licenserecovery #sec01 .inr img {
    width: 80%;
    max-width: 650px;
    margin: 0 auto 20px;
    display: block; }
    #software.activation_licenserecovery #sec01 .inr img.img_w40 {
      width: 40%; }
  #software.activation_licenserecovery #sec01 .inr .txt {
    word-wrap: break-word; }

#software.activation_licenserecovery .step li {
  margin-bottom: 5.08475%;
  padding-bottom: 5.08475%;
  border-bottom: 1px solid #e6e6e6; }
  #software.activation_licenserecovery .step li:last-child {
    border-bottom: none;
    margin-bottom: 0; }

#software.classwiz_license_commonize #contents section {
  padding: 8.64198% 0; }

#software.classwiz_license_commonize #sec01 .inr {
  width: 83.09859%; }
  #software.classwiz_license_commonize #sec01 .inr .lead {
    text-align: left; }
  #software.classwiz_license_commonize #sec01 .inr .cap {
    max-width: 1181px;
    margin: 0 auto 10px; }
  #software.classwiz_license_commonize #sec01 .inr .image {
    max-width: 1181px;
    margin: 0 auto 80px; }
    #software.classwiz_license_commonize #sec01 .inr .image img {
      max-width: 100%;
      display: block; }
  #software.classwiz_license_commonize #sec01 .inr .note .red {
    color: #f00; }

@media (min-width: 0px) and (max-width: 767px) {
  #software.pop .ttl_h1 {
    font-size: 177%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.pop .main {
    width: 80%;
    margin-bottom: 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.pop .model .btn-list {
    margin-bottom: 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.pop .disc {
    margin-bottom: 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.pop .mycommerce {
    width: 80%;
    margin: 0 auto 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.pop .btn_blu {
    max-width: 80%;
    margin: 6.25% auto 12.5%;
    padding: 15px 36px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.pop #sec02 .image {
    padding: 6.25% 6.25% 0;
    margin: 6.25% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.pop #sec02 .image li {
    display: block;
    width: 90%;
    margin: 0 auto 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec01 ul li {
    float: none;
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 3.33333%; }
    #software.customersupport #sec01 ul li .txt {
      padding: 6.25% 4.6875% !important; }
    #software.customersupport #sec01 ul li .img {
      padding: 9.375% !important;
      padding-bottom: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec01 ul li > a {
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec01 ul li.all .img, #software.customersupport #sec01 ul li.all .txt {
    width: 100%;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec01 ul li.all .txt {
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec01 ul li.all .img {
    padding: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec01 ul li.all a {
    padding: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec01 ul li.half {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec01 ul li.half .img, #software.customersupport #sec01 ul li.half .txt {
    width: 100% !important;
    display: block;
    padding-top: 0 !important;
    padding-bottom: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec01 ul li.half .img {
    display: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec01 ul li.half .txt {
    border: none;
    text-align: center;
    padding: 0; }
    #software.customersupport #sec01 ul li.half .txt h2 {
      padding-left: 18.33333%;
      text-align: left;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: static;
      z-index: 3; }
    #software.customersupport #sec01 ul li.half .txt p {
      z-index: 3; }
    #software.customersupport #sec01 ul li.half .txt h2:before {
      content: '';
      display: block;
      vertical-align: middle;
      background: url("../images/softwarelicense/customersupport/img06.png") no-repeat top left;
      background-size: 100% auto;
      width: 18.33333%;
      height: 100%;
      position: absolute;
      left: 1.66667%;
      top: 3.33333%;
      z-index: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec01 ul li.half.menu05 .txt h2:before {
    content: '';
    display: block;
    vertical-align: middle;
    background: url("../images/softwarelicense/customersupport/img05.png") no-repeat top left;
    background-size: 100% auto;
    width: 18.33333%;
    height: 100%;
    position: absolute;
    left: 1.66667%;
    top: 3.33333%;
    z-index: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec02 .inr {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec03 .inr {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec03 ul li {
    margin-bottom: 8.33333%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec03 ul li .img, #software.customersupport #sec03 ul li .txt {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec03 ul li .img {
    width: 100%;
    padding: 0;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec03 ul li .img img {
    width: 66.66667%;
    min-width: auto;
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport #sec04 .inr, #software.customersupport #sec05 .inr {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport .anchor li {
    display: block;
    width: 100%;
    margin: 0 0 3.33333% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.customersupport .select {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.importantinformation .lead {
    text-align: left; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.importantinformation .important {
    text-align: left; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.importantinformation .col-tbl .col {
    padding: 0 0 12.5%; }
    #software.importantinformation .col-tbl .col:first-child {
      padding-top: 0; } }

@media (min-width: 767px) and (max-width: 1420px) {
  #software.importantinformation .col-tbl .circle--list li br {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.importantinformation .thumb {
    margin-bottom: 14.0625%; } }

@media (min-width: 768px) and (max-width: 1020px) {
  #software.importantinformation .thumb .circle--list {
    width: 780px; } }

@media (min-width: 768px) and (max-width: 1020px) {
  #software.importantinformation .thumb .circle--list li img {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.importantinformation .thumb .circle--list li {
    width: 50%;
    margin: 0 0 9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.importantinformation div.images {
    width: 100%;
    margin: 4.6875% auto 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.importantinformation div.images img {
    max-width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.importantinformation ul.images {
    padding: 6.25% 6.25% 0;
    margin: 6.25% 0 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.importantinformation ul.images li {
    display: block;
    width: 90%;
    margin: 0 auto 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.importantinformation ul.images li img {
    max-width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #contents section .subheading {
    font-size: 139%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec01 ul li {
    float: none;
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 3.33333%; }
    #software.networklicense #sec01 ul li .txt {
      padding: 6.25% 4.6875% !important; }
    #software.networklicense #sec01 ul li .img {
      padding: 9.375% !important;
      padding-bottom: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec01 ul li > a {
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec01 ul li.all .img, #software.networklicense #sec01 ul li.all .txt {
    width: 100% !important;
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec01 ul li.all .img img {
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec01 ul li.all .img {
    padding: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec01 ul li.all .txt {
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec01 ul li.all a {
    padding: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec02 .inr, #software.networklicense #sec03 .inr, #software.networklicense #sec05 .inr {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec02 dl.tbl, #software.networklicense #sec03 dl.tbl, #software.networklicense #sec05 dl.tbl {
    margin-bottom: 1em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec02 dl.tbl dt, #software.networklicense #sec02 dl.tbl dd {
    display: inline;
    padding: 0; }
  #software.networklicense #sec03 dl.tbl dt, #software.networklicense #sec03 dl.tbl dd {
    display: inline;
    padding: 0; }
  #software.networklicense #sec05 dl.tbl dt, #software.networklicense #sec05 dl.tbl dd {
    display: inline;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec02 dl.tbl dt, #software.networklicense #sec03 dl.tbl dt, #software.networklicense #sec05 dl.tbl dt {
    width: auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec02 ul.step > li, #software.networklicense #sec03 ul.step > li, #software.networklicense #sec05 ul.step > li {
    margin-bottom: 8.33333%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec02 ul.step > li .licence-list, #software.networklicense #sec03 ul.step > li .licence-list, #software.networklicense #sec05 ul.step > li .licence-list {
    font-size: 139%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec02 ul.step > li .img, #software.networklicense #sec02 ul.step > li .txt {
    display: block; }
  #software.networklicense #sec03 ul.step > li .img, #software.networklicense #sec03 ul.step > li .txt {
    display: block; }
  #software.networklicense #sec05 ul.step > li .img, #software.networklicense #sec05 ul.step > li .txt {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec02 ul.step > li .img, #software.networklicense #sec03 ul.step > li .img, #software.networklicense #sec05 ul.step > li .img {
    width: 100%;
    padding: 0 !important;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec04 .btn_blu, #software.networklicense #sec05 .btn_blu {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec03 .inr ul.step > li .img, #software.networklicense #sec03 .inr ul.step > li .txt {
    display: table-cell; }
  #software.networklicense #sec03 .inr ul.step > li .img {
    width: 31.25%;
    padding-right: 4.6875% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec03 .inr .memo {
    margin-left: 0;
    padding-left: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec03 .inr, #software.networklicense #sec04 .inr, #software.networklicense #sec05 .inr, #software.networklicense #sec06 .inr, #software.networklicense #sec07 .inr {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec03 .inr .btn_or, #software.networklicense #sec04 .inr .btn_or, #software.networklicense #sec05 .inr .btn_or, #software.networklicense #sec06 .inr .btn_or, #software.networklicense #sec07 .inr .btn_or {
    padding: 7px 36px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec03 .inr ul.links li, #software.networklicense #sec04 .inr ul.links li, #software.networklicense #sec05 .inr ul.links li, #software.networklicense #sec06 .inr ul.links li, #software.networklicense #sec07 .inr ul.links li {
    width: 60%;
    display: table;
    margin: 6.25% auto;
    position: relative; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense #sec03 .inr ul.links li input, #software.networklicense #sec03 .inr ul.links li button, #software.networklicense #sec03 .inr ul.links li a {
    min-width: 180px; }
  #software.networklicense #sec04 .inr ul.links li input, #software.networklicense #sec04 .inr ul.links li button, #software.networklicense #sec04 .inr ul.links li a {
    min-width: 180px; }
  #software.networklicense #sec05 .inr ul.links li input, #software.networklicense #sec05 .inr ul.links li button, #software.networklicense #sec05 .inr ul.links li a {
    min-width: 180px; }
  #software.networklicense #sec06 .inr ul.links li input, #software.networklicense #sec06 .inr ul.links li button, #software.networklicense #sec06 .inr ul.links li a {
    min-width: 180px; }
  #software.networklicense #sec07 .inr ul.links li input, #software.networklicense #sec07 .inr ul.links li button, #software.networklicense #sec07 .inr ul.links li a {
    min-width: 180px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.networklicense .select {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.activation_error #sec01 .inr {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.activation_error #sec01 .inr .scroll {
    overflow-x: scroll; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.activation_error #sec01 .inr .table {
    width: 150%;
    min-width: 726px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.activation_cardmodel #sec01 .inr {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.activation_cardmodel #sec01 .inr .image {
    margin: 0 auto 30px;
    width: 50%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.activation_cardmodel #sec01 .inr .image .point {
    width: 50%;
    white-space: normal;
    font-size: 108%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.activation_cardmodel #sec01 .inr .scroll {
    overflow-x: scroll; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.activation_cardmodel #sec01 .inr .table {
    table-layout: inherit; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.activation_cardmodel #sec01 .inr .table th, #software.activation_cardmodel #sec01 .inr .table td {
    white-space: inherit; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.activation_licenserecovery #sec01 .inr {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.activation_licenserecovery #sec01 .inr img.img_w40 {
    width: 80%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.classwiz_license_commonize #sec01 .inr {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #software.classwiz_license_commonize #sec01 .inr .image {
    margin: 0 auto 30px; } }

#form.freetrial .item {
  display: table;
  width: 100%;
  border: solid #ededed;
  border-width: 1px 0;
  padding: 2.8169%;
  margin: 0 auto 4.93827%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #form.freetrial .item .txt, #form.freetrial .item .link {
    display: table-cell;
    vertical-align: middle; }
  #form.freetrial .item .txt {
    width: 66.94915%;
    text-align: left;
    padding-right: 3.52113%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #form.freetrial .item .link {
    border-left: 1px solid #ededed;
    padding-left: 3.52113%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #form.freetrial .item .link .ttl_h2_line {
      margin-bottom: 2.8169%; }
      #form.freetrial .item .link .ttl_h2_line span:before {
        background: #ffd600 none repeat scroll 0 0;
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 3px;
        margin-bottom: 0;
        margin-right: .5em;
        width: 24px; }
    #form.freetrial .item .link ul li {
      max-width: 80%;
      vertical-align: top;
      text-align: center;
      margin: 2.11268% auto; }
      #form.freetrial .item .link ul li a:hover {
        color: #0458c4; }

#form.freetrial .select {
  margin: 4.22535% 0; }

#form.freetrial ul.links {
  margin: 2.11268% 0; }
  #form.freetrial ul.links li {
    margin-bottom: 0; }
    #form.freetrial ul.links li a {
      text-decoration: underline !important; }

#form.freetrial .ttl_h2_bk {
  margin-bottom: 2.11268%; }

#form.freetrial .warning {
  border: 1px solid #ededed;
  padding: 2.11268%; }

#form.dlfree figure {
  margin: 3.52113% auto;
  width: 372px; }

#form.dlfree .lead {
  margin-bottom: 3.52113%; }

#form.dlfree .btn {
  margin-bottom: 4.92958%; }

#form.dlfree #footer {
  border-top: 1px solid #dfdfdf; }

#form.dlfree .tbl {
  width: 56.33803%;
  min-width: 800px;
  margin: 0 auto 2.8169%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#form.dlfree .tbl--img, #form.dlfree .tbl--txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5%; }

#form.dlfree .tbl--img {
  width: 50%;
  background: #0458c4; }
  #form.dlfree .tbl--img figure {
    width: 83%; }

#form.dlfree .tbl--txt {
  width: 50%;
  border: 1px solid #dadada;
  text-aling: left; }
  #form.dlfree .tbl--txt h2 {
    margin-bottom: 20px;
    line-height: 1.875; }

@media (min-width: 0px) and (max-width: 767px) {
  #form.freetrial .item {
    display: block;
    padding: 6.25% 0;
    margin: 0 auto 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #form.freetrial .item .txt, #form.freetrial .item .link {
    display: block;
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #form.freetrial .item .txt {
    margin-bottom: 6.25%;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #form.freetrial .item .link {
    border: none;
    padding: 0; } }

#requirements.subscription .disc {
  display: table;
  margin: 0 auto; }

#requirements.subscription h2 {
  margin-bottom: 2.11268%; }
  #requirements.subscription h2.pages {
    padding-top: 10%;
    margin-top: -10%; }

#requirements.subscription h3 {
  font-size: 162%;
  font-weight: normal;
  text-align: left;
  background: url("../images/tab_open.png") no-repeat 97% center #FFF;
  border: 1px solid #808080;
  color: #808080;
  padding: 1.76056% 2.11268%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 1.40845%; }
  #requirements.subscription h3.close {
    background: url("../images/tab_close.png") no-repeat 97% center #0458c4;
    border: 1px solid #0458c4;
    color: #FFF;
    margin-bottom: 0; }

#requirements.subscription .link_att {
  font-weight: bold;
  font-size: 124%;
  text-align: center;
  margin-bottom: 1em; }
  #requirements.subscription .link_att a {
    color: #F00;
    text-decoration: underline; }

#requirements.subscription .openbox {
  display: none;
  padding: 2.11268%;
  margin-bottom: 1.40845%;
  border: 1px solid #e6e6e6;
  border-top: none;
  background: #FFF; }
  #requirements.subscription .openbox h4 {
    text-align: center;
    font-size: 162%;
    font-weight: normal;
    color: #1d2080;
    margin-bottom: 1.40845%; }
  #requirements.subscription .openbox dl {
    border-top: 1px solid #e6e6e6;
    padding-top: 1.40845%; }
    #requirements.subscription .openbox dl dt {
      float: left;
      font-size: 116%;
      color: #3e3a39;
      width: 20%; }
    #requirements.subscription .openbox dl dd {
      border-bottom: 1px solid #e6e6e6;
      line-height: 1.4;
      margin-bottom: 1.40845%;
      padding: 0 0 1.40845% 20%; }
      #requirements.subscription .openbox dl dd:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0; }

@media (min-width: 0px) and (max-width: 767px) {
  #requirements.subscription h3 {
    font-size: 124%;
    width: 100%;
    padding: 5.17241% 5.17241%;
    background-position: 95% center !important;
    background-size: 17px !important;
    padding-right: 8.62069%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #requirements.subscription .openbox {
    padding: 5.17241%;
    margin-bottom: 3.44828%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #requirements.subscription .openbox h4 {
    font-size: 124%;
    margin-bottom: 3.44828%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #requirements.subscription .openbox dl {
    padding-top: 3.44828%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #requirements.subscription .openbox dl dt {
    float: none;
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #requirements.subscription .openbox dl dd {
    width: 100%;
    margin-bottom: 3.44828%;
    padding: 0 0 3.44828%; } }

#app.index .visual .inr {
  display: table; }

#app.index .visual .image, #app.index .visual .txt {
  display: table-cell;
  vertical-align: middle; }

#app.index .visual .image {
  width: 38%;
  text-align: center; }
  #app.index .visual .image img {
    width: 71.42857%;
    margin: 0 auto; }

#app.index .visual .txt .lead {
  margin-bottom: 5.71429%; }

#app.index .visual .txt .name {
  margin-bottom: 5.71429%; }
  #app.index .visual .txt .name .logo {
    display: inline-block;
    vertical-align: middle;
    width: 18.57143%;
    margin-right: 2.85714%; }
  #app.index .visual .txt .name h1 {
    display: inline-block;
    vertical-align: middle;
    font-size: 416%;
    color: #3e3a39; }

#app.index .visual .bnr {
  margin: 2.85714% 0; }
  #app.index .visual .bnr dt {
    font-weight: bold; }
  #app.index .visual .bnr dd li {
    display: inline-block;
    max-width: 200px;
    width: 48%;
    margin-right: 2%; }

#app.index .step dt span {
  display: table;
  background: #00a6ff;
  color: #FFF;
  padding: .2em .5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1.40845%; }

#app.index .step ul {
  width: 50%;
  margin-bottom: 5.71429%; }
  #app.index .step ul li {
    display: inline-block;
    width: 40%;
    margin-right: 2%;
    margin-bottom: 30px;
    vertical-align: middle; }
    #app.index .step ul li div {
      display: inline-block;
      position: relative; }
      #app.index .step ul li div p {
        margin-bottom: 10px;
        font-size: 108%; }
    #app.index .step ul li.arrow {
      width: 10%;
      margin-right: 2%;
      position: relative;
      text-align: center;
      height: 100%; }
      #app.index .step ul li.arrow img {
        position: relative;
        width: 80%;
        margin-top: 100%; }

@media (min-width: 0px) and (max-width: 767px) {
  #app.index .visual .image, #app.index .visual .txt {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #app.index .visual .image {
    width: 100%;
    margin-bottom: 6.25%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #app.index .visual .image img {
    width: 46.875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #app.index .visual .txt .name {
    margin-bottom: 4.6875%;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #app.index .visual .txt .name .logo {
    width: 10.9375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #app.index .visual .txt .name h1 {
    font-size: 277%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #app.index .step dt span {
    margin-bottom: 3.125%;
    width: 100%;
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #app.index .step ul {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #app.index .step ul li {
    width: 100% !important; }
    #app.index .step ul li img {
      width: 80% !important;
      margin: 0 auto;
      display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #app.index .step ul li.arrow {
    display: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #app.index .step ul li.arrow img {
    margin-top: 80%; } }

#comchart table {
  width: 100%;
  line-height: 1.4;
  padding: 10px 15px;
  color: #3e3a39;
  margin-bottom: 2.11268%; }
  #comchart table th, #comchart table td {
    padding: 5px 15px;
    border: 1px solid #ccc;
    text-align: center;
    font-weight: normal; }
  #comchart table th img, #comchart table td img {
    width: auto; }
  #comchart table th.noright, #comchart table td.noright {
    border-right: none; }
  #comchart table th.noleft, #comchart table td.noleft {
    border-left: none; }
  #comchart table th.space, #comchart table td.space {
    padding: 0;
    width: 10px; }
  #comchart table th.bg_th, #comchart table td.bg_th {
    background: #E6E6E6; }
  #comchart table th.bg_th02, #comchart table td.bg_th02 {
    background: #F7F7F7; }
  #comchart table th.bg_th03, #comchart table td.bg_th03 {
    background: #AAAAAA;
    color: #FFF; }
  #comchart table th.bg_th04, #comchart table td.bg_th04 {
    background: #CCCCCC;
    color: #333; }
  #comchart table th.bg, #comchart table td.bg {
    background: #F4F8FB; }
  #comchart table th.bg02, #comchart table td.bg02 {
    background: #F5FBF9; }
  #comchart table th.bg03, #comchart table td.bg03 {
    background: #F8F4FB; }
  #comchart table th.bg04, #comchart table td.bg04 {
    background: #F8F4EF; }
  #comchart table tbody th {
    text-align: left; }
  #comchart table tr.center td {
    text-align: center;
    vertical-align: middle; }

#privacy dl dt {
  font-size: 124%;
  color: #1d2080; }

#privacy dl dd {
  margin-bottom: 2.8169%; }
  #privacy dl dd ul {
    padding-left: 1em; }
    #privacy dl dd ul.num-upper-roman li {
      display: table;
      width: 100%; }
      #privacy dl dd ul.num-upper-roman li span {
        display: table-cell; }
        #privacy dl dd ul.num-upper-roman li span:first-child {
          width: 2em; }
        #privacy dl dd ul.num-upper-roman li span ul {
          padding-left: 0; }
    #privacy dl dd ul.indent-list li {
      text-indent: -.7em;
      padding-left: .7em; }

#privacy .lead {
  text-align: center; }

#agreement .errorFrameline {
  background: #ffe6e6;
  padding: 2.8169%;
  border-radius: 5px;
  margin-bottom: 4.93827%; }
  #agreement .errorFrameline a {
    text-decoration: underline;
    color: #00a6ff; }

#agreement dl dt {
  font-size: 124%;
  color: #1d2080; }

#agreement dl dd {
  margin-bottom: 2.8169%; }

@media (min-width: 0px) and (max-width: 767px) {
  #agreement .errorFrameline {
    margin-bottom: 12.5%; } }

#maintenance ul.list {
  margin-bottom: 3.52113%;
  lettter-spacing: -.4em;
  padding: 15px 0; }
  #maintenance ul.list > li {
    width: 46%;
    padding: 2.8169% 0 1.40845%;
    margin: 0 2%;
    border-top: 1px solid #CCC;
    text-align: left;
    display: inline-block;
    *display: inline;
    zoom: 1;
    lettter-spacing: normal;
    vertical-align: top; }
    #maintenance ul.list > li h2 {
      color: #1d2080 !important; }
    #maintenance ul.list > li.fst {
      border: none; }
    #maintenance ul.list > li ul.links {
      padding: 2.8169% 0 1.40845%; }
      #maintenance ul.list > li ul.links li {
        padding: 0;
        margin: 0 0 1.40845%;
        border: none; }

#maintenance .time {
  border: 3px double #D7D7D7;
  padding: 15px 15px; }
  #maintenance .time dl {
    width: 100%;
    display: table; }
    #maintenance .time dl dt, #maintenance .time dl dd {
      border-bottom: 1px dotted #CCC;
      font-size: 130%;
      padding: .5em 15px;
      text-align: center;
      display: table-cell;
      vox-sizing: border-box; }
    #maintenance .time dl dt {
      width: 30%; }
    #maintenance .time dl dd {
      width: 50%; }
      #maintenance .time dl dd:last-child {
        width: 20%; }

@media (min-width: 0px) and (max-width: 767px) {
  #maintenance ul.list {
    margin-bottom: 7.8125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #maintenance ul.list > li {
    display: block;
    width: 96%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #maintenance .time dl dt, #maintenance .time dl dd {
    display: block;
    width: 100% !important;
    border: none;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #maintenance .time dl dd:last-child {
    border-bottom: 1px dotted #CCC; } }

#fake .mt20 {
  margin-top: 20px; }

#fake section#title_area h1 {
  line-height: 1.2; }
  #fake section#title_area h1.adjust {
    font-size: 262%; }
  #fake section#title_area h1 span > span {
    display: inline-block !important;
    width: auto;
    padding: 0; }
    #fake section#title_area h1 span > span::before, #fake section#title_area h1 span > span::after {
      display: none !important; }

#fake .ttl_h2_01 {
  margin-bottom: 2.46479%; }
  #fake .ttl_h2_01 .new {
    display: inline-block;
    background: #F00;
    padding: 0 .2em;
    color: #FFF; }

#fake .tabhead {
  font-size: 124%;
  margin-bottom: 30px; }
  #fake .tabhead span {
    background: #1c1f87;
    color: #FFF;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: .3em 1em;
    font-weight: normal; }

#fake #col01 .caution {
  position: relative;
  text-align: center;
  padding-top: 4.22535%;
  margin-bottom: 2.11268%; }
  #fake #col01 .caution dt {
    display: block;
    width: 12.39437%;
    left: 2.11268%;
    position: absolute;
    bottom: 30%; }
    #fake #col01 .caution dt img {
      width: 100%; }
  #fake #col01 .caution dd {
    padding: 2.11268%;
    color: #ff0808;
    border: 2px solid #ff0808; }
    #fake #col01 .caution dd em {
      display: block;
      /*                        font-weight: normal;*/ }

#fake #col01 .lead {
  margin-bottom: 2.8169%; }

#fake #col01 .check {
  width: 100%;
  display: table; }
  #fake #col01 .check > li {
    width: 49.29577%;
    padding: 3.52113%;
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5f5f5; }
    #fake #col01 .check > li:first-child {
      width: auto;
      border-right: 20px solid #FFF;
      background: #e5f6ff; }
    #fake #col01 .check > li img {
      width: 27.14286%;
      max-width: 216px;
      margin: 0 auto 3.57143%;
      display: block; }
    #fake #col01 .check > li h2 {
      color: #3e3a39;
      text-align: center;
      font-size: 139%;
      margin-bottom: 2.85714%; }
    #fake #col01 .check > li a {
      text-decoration: underline; }
      #fake #col01 .check > li a:hover {
        text-decoration: none;
        color: #0458c4; }

#fake #col02 .subheading + ul {
  margin-top: 2.8169%; }

#fake #col02 .inr + .inr {
  margin-top: 5.6338%; }

#fake #col02 .ttl_h2 + p {
  margin-bottom: 2.8169%; }

#fake #col02 li {
  display: inline-block;
  vertical-align: top;
  width: 22.53521%;
  margin-left: 2.8169%;
  margin-bottom: 40px; }
  #fake #col02 li:first-child, #fake #col02 li:nth-child(4), #fake #col02 li.nonne {
    margin-left: 0; }
  #fake #col02 li.half {
    width: 48.59155%; }
  #fake #col02 li.full {
    width: 100%;
    margin-left: 0; }
  #fake #col02 li .disc li {
    display: list-item;
    width: auto;
    margin: 0 0 0 1.4em;
    list-style: disc !important; }
  #fake #col02 li.step4 {
    margin-left: 2.8169%; }
  #fake #col02 li dl dt {
    margin-bottom: 20px;
    font-size: 124%; }
    #fake #col02 li dl dt span {
      display: inline-block;
      border: solid #ffd600;
      border-width: 2px 0;
      color: #1d2080;
      white-space: nowrap;
      padding: .3em 1em;
      font-weight: bold; }
  #fake #col02 li dl dd h3 {
    font-size: 116%;
    color: #3e3a39; }
  #fake #col02 li dl dd h4 {
    color: #0A5FBE;
    font-weight: bold; }
  #fake #col02 li dl dd.image {
    display: block;
    padding: 2.08333% 0 4.16667%;
    text-align: center;
    position: relative;
    margin: 0; }
    #fake #col02 li dl dd.image img {
      width: 80%; }
  #fake #col02 li dl dd.step_note {
    background: #f5f5f5;
    padding: 1em; }
  #fake #col02 li dl dd .image {
    position: relative;
    margin-top: 10px; }
  #fake #col02 li dl dd .tag {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.2%;
    color: #FFF;
    font-size: vw2;
    padding: .7em;
    text-align: center;
    border-radius: 0 0 5px 0;
    z-index: 3; }
  #fake #col02 li dl dd .tag02 .tag {
    background: #808080; }
  #fake #col02 li dl dd .fig-step-2d {
    margin-top: 20px; }
  #fake #col02 li dl dd .mt10 {
    margin-top: 10px; }
  #fake #col02 li dl dd + dd {
    margin-top: 20px; }
  #fake #col02 li dl dd .w60 {
    width: 60%;
    margin: 20px auto 0; }

#fake #col02 a {
  width: 61.45833%;
  min-width: 240px;
  display: block; }
  #fake #col02 a.txlink {
    display: inline;
    width: auto;
    min-width: 0; }
  #fake #col02 a p {
    color: #3e3a39;
    font-size: 93%;
    font-weight: bold;
    margin-top: 10px;
    text-align: center; }

#fake #col03 .lead {
  margin-bottom: 1.40845%; }
  #fake #col03 .lead.mt80 {
    margin-bottom: 5.6338%; }

#fake #col03 .tbl {
  margin-bottom: 5.6338%;
  letter-spacing: -.4em; }
  #fake #col03 .tbl h2 {
    margin-bottom: 2.94118%; }

#fake #col03 .tbl-col {
  width: 47.88732%;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top; }
  #fake #col03 .tbl-col:first-child {
    margin-right: 4.22535%; }

#fake #col03 .tbl--last {
  margin-bottom: 0; }

#fake #col03 .comment {
  padding-bottom: 15px;
  width: 100%;
  margin: 0;
  z-index: 3;
  margin: 0 !important; }
  #fake #col03 .comment::after {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: -5px;
    margin-left: -13px;
    border: solid transparent;
    border-width: 1em;
    content: " "; }
  #fake #col03 .comment span {
    display: block;
    padding: .5em;
    text-align: center;
    color: #FFF; }

#fake #col03 .tag {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.2%;
  color: #FFF;
  font-size: vw2;
  padding: .7em;
  text-align: center;
  border-radius: 0 0 5px 0;
  width: 60%; }

#fake #col03 .tag01 .tag {
  background: #1d2080; }

#fake #col03 .tag01 .comment {
  position: relative;
  padding-bottom: 10px; }
  #fake #col03 .tag01 .comment::after {
    border-top-color: #00a6ff;
    bottom: -10px; }
  #fake #col03 .tag01 .comment span {
    background: #00a6ff; }

#fake #col03 .tag02 .tag {
  background: #808080; }

#fake #col03 .tag02 .comment {
  position: absolute;
  top: -4.5em; }
  #fake #col03 .tag02 .comment::after {
    border-top-color: #ff0000; }
  #fake #col03 .tag02 .comment.fake01 {
    top: -3em; }
  #fake #col03 .tag02 .comment span {
    background: #ff0000; }

#fake #col03 .image {
  margin-bottom: 2.94118%; }
  #fake #col03 .image li {
    width: 48.52941%;
    display: inline-block;
    position: relative; }
    #fake #col03 .image li:first-child {
      margin-right: 2.94118%; }
    #fake #col03 .image li.all {
      width: 100%;
      margin-right: 0; }
    #fake #col03 .image li.center {
      margin-right: auto;
      margin-left: auto;
      display: block; }
    #fake #col03 .image li .image {
      position: relative; }
    #fake #col03 .image li.w230 {
      width: 33.82353%; }
    #fake #col03 .image li.w430 {
      width: 63.23529%; }
    #fake #col03 .image li p {
      color: #3e3a39;
      font-size: 93%;
      font-weight: bold;
      margin-top: 10px; }

#fake #col04 .lead {
  margin-bottom: 2.8169%; }

#fake #col04 .tbl {
  width: 100%;
  margin-bottom: 5.6338%; }
  #fake #col04 .tbl h2 {
    margin-bottom: 1.40845%; }

#fake #col04 .tbl-col {
  display: table-cell;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#fake #col04 .tbl-col--fst {
  width: 33.80282%;
  padding-right: 1.40845%; }

#fake #col05 .mov {
  width: 83.09859%;
  margin: 0 auto; }

#fake #col06 .recommend_btn {
  text-align: center;
  margin-bottom: 7.04225%; }
  #fake #col06 .recommend_btn li {
    display: inline-block;
    vertical-align: top;
    width: 15.91549%;
    margin: 0 12.11268% 3.52113% 0; }
    #fake #col06 .recommend_btn li:nth-child(4n) {
      margin-right: 0; }
    #fake #col06 .recommend_btn li img {
      margin-bottom: 8.84956%;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
      #fake #col06 .recommend_btn li img:hover {
        filter: alpha(opacity=50);
        opacity: 0.5;
        -moz-opacity: 0.5;
        -webkit-opacity: 0.5; }
    #fake #col06 .recommend_btn li p {
      display: inline-block;
      position: relative;
      background: url("../images/link_blu.png") no-repeat left center;
      background-size: 22px;
      padding-left: 30px; }
    #fake #col06 .recommend_btn li a:hover {
      color: #0458c4; }

#fake #col06 .recommend_mov li {
  display: inline-block;
  vertical-align: top;
  width: 20.84507%;
  margin: 0 5.6338% 4.22535% 0; }
  #fake #col06 .recommend_mov li:nth-child(4n) {
    margin-right: 0; }
  #fake #col06 .recommend_mov li img {
    margin-bottom: 6.75676%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    zoom: 1; }
    #fake #col06 .recommend_mov li img:hover {
      filter: alpha(opacity=50);
      opacity: 0.5;
      -moz-opacity: 0.5;
      -webkit-opacity: 0.5; }
  #fake #col06 .recommend_mov li h2 {
    color: #00a6ff !important; }

#fake #col06 .btn-productinfo, #fake #col06 .btn-productinfo02 {
  display: table;
  margin: 0 auto 7.04225%;
  zoom: 1; }

#fake #col06 .btn-productinfo a, #fake #col06 .btn-productinfo02 a {
  width: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  display: table;
  background: #0458c4;
  border-radius: 10px;
  padding: 4.42478% 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1; }

#fake #col06 .btn-productinfo a:hover, #fake #col06 .btn-productinfo02 a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5; }

#fake #col06 .btn-productinfo a span, #fake #col06 .btn-productinfo02 a span {
  display: table-cell;
  color: #FFF;
  vertical-align: middle;
  position: relative;
  padding-left: 4.42478%;
  padding-right: 25px;
  font-size: 139%;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1; }

#fake #col06 .btn-productinfo a span:after, #fake #col06 .btn-productinfo02 a span:after {
  content: '';
  display: inline-block;
  vertical-align: baseline;
  background: url("../images/link_right_w.png") no-repeat center left;
  background-size: contain;
  width: 11px;
  height: 15px;
  position: absolute;
  right: -11px;
  top: 50%;
  margin-top: -8px; }

#fake #col06 .btn-productinfo a img {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  height: 93px;
  zoom: 1; }

#fake #col06 .btn-productinfo02 {
  width: 380px; }
  #fake #col06 .btn-productinfo02 a img {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    height: 93px;
    zoom: 1; }
  #fake #col06 .btn-productinfo02 a span.img {
    width: 106px;
    padding: 0; }
    #fake #col06 .btn-productinfo02 a span.img:after {
      display: none; }
  #fake #col06 .btn-productinfo02 a img {
    width: auto;
    max-width: 100% !important;
    height: 93px;
    zoom: 1;
    display: inline-block; }
    #fake #col06 .btn-productinfo02 a img + img {
      margin-left: 10px; }

#fake.ar .subheading .num {
  margin-left: .5em;
  margin-right: 0; }

#fake.ar #col01 .caution dt {
  right: 2.11268%;
  left: auto; }

#fake.ar #col01 .check > li:first-child {
  border-left: 20px solid #FFF;
  border-right: none; }

#fake.ar #col02 .inr + .inr {
  margin-top: 5.6338%; }

#fake.ar #col02 li {
  margin-right: 2.8169%;
  margin-left: 0 !important; }
  #fake.ar #col02 li:first-child, #fake.ar #col02 li:nth-child(4), #fake.ar #col02 li.nonne, #fake.ar #col02 li.full {
    margin-right: 0; }
  #fake.ar #col02 li .disc li {
    margin: 0 1.4em 0 0 !important; }
  #fake.ar #col02 li.step4 {
    margin-right: 2.8169%;
    margin-left: 0 !important; }

#fake.ar #col03 .tbl-col:first-child {
  margin-left: 4.22535%;
  margin-right: 0; }

#fake.ar #col03 .comment::after {
  margin-right: -13px;
  margin-left: 0; }

#fake.ar #col03 .image li:first-child {
  margin-left: 2.94118%;
  margin-right: 0 !important; }

#fake.ar #col03 .image li.all {
  margin-left: 0; }

#fake.ar #col04 .tbl-col--fst {
  padding-left: 1.40845%;
  padding-right: 0; }

#fake.ar #col06 .recommend_btn li {
  margin: 0 0 3.52113% 12.11268%; }
  #fake.ar #col06 .recommend_btn li:nth-child(4n) {
    margin-left: 0; }
  #fake.ar #col06 .recommend_btn li p {
    padding-left: 0;
    padding-right: 30px; }

#fake.ar #col06 .recommend_mov li {
  margin: 0 0 4.22535% 5.6338%; }
  #fake.ar #col06 .recommend_mov li:nth-child(4n) {
    margin-left: 0; }

#fake.ar #col06 .btn-productinfo a span, #fake.ar #col06 .btn-productinfo02 a span {
  padding-right: 0;
  padding-left: 4.42478%; }

#fake.ar #col06 .btn-productinfo a span:after {
  background-image: url("../images/link_right_w_ar.png");
  right: auto;
  left: -11px; }

#fake.ar #col06 .btn-productinfo02 a span:after {
  background-image: url("../images/link_right_w_ar.png");
  right: auto;
  left: -11px; }

#fake.ar #col06 .btn-productinfo02 a img + img {
  margin-right: 10px;
  margin-left: 0; }

@media (max-width: 1330px) and (min-width: 1041px) {
  #fake section#title_area h1 {
    font-size: 4.3vw; } }

@media (max-width: 1040px) and (min-width: 768px) {
  #fake section#title_area h1 {
    font-size: 308%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #fake section#title_area h1.adjust {
    font-size: 170%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #fake .ttl_h2_01 {
    margin-bottom: 15px;
    font-size: 168%;
    font-weight: bold; }
  #fake .col_w + .col_w {
    padding-top: 0; }
  #fake #col01 .caution {
    padding-top: 9.375%;
    margin-bottom: 4.6875%; }
    #fake #col01 .caution dt {
      width: 39.6875%;
      left: 1.5625%;
      top: -35%; }
    #fake #col01 .caution dd {
      padding: 4.6875%; }
  #fake #col01 .lead {
    margin-bottom: 6.25%; }
  #fake #col01 .check > li {
    width: 100%;
    padding: 7.8125%;
    display: block; }
    #fake #col01 .check > li:first-child {
      border-right: none;
      background: #e5f6ff;
      margin-bottom: 4.6875%; }
    #fake #col01 .check > li img {
      width: 33.75%;
      margin: 0 auto 3.90625%; }
    #fake #col01 .check > li h2 {
      font-size: 108%;
      margin-bottom: 3.125%; }
  #fake #col02 li {
    display: block;
    width: 100% !important;
    margin-left: 0 !important; }
    #fake #col02 li dl dt {
      margin-bottom: 3.125%;
      font-size: 108%; }
      #fake #col02 li dl dt span {
        display: block;
        padding: .5em;
        text-align: center; }
    #fake #col02 li dl dd {
      margin-bottom: 12.5%; }
      #fake #col02 li dl dd h3 {
        font-size: 108%;
        color: #3e3a39;
        margin-bottom: 1.5625%; }
      #fake #col02 li dl dd.image img {
        width: 100%; }
      #fake #col02 li dl dd .w80 {
        width: 80%;
        margin: 0 auto; }
      #fake #col02 li dl dd .w60 {
        width: 80%; }
  #fake #col02 a {
    width: 100%; }
  #fake #col03 .lead {
    margin-bottom: 6.25%; }
  #fake #col03 .tbl {
    margin-bottom: 0; }
    #fake #col03 .tbl h2 {
      margin-bottom: 3.125%; }
  #fake #col03 .tbl-col {
    width: 100%;
    display: block;
    margin-bottom: 6.25%; }
    #fake #col03 .tbl-col:first-child {
      margin-right: 0; }
  #fake #col03 .comment {
    position: relative !important;
    top: 0 !important;
    padding-bottom: 10px !important; }
    #fake #col03 .comment::after {
      bottom: -10px !important; }
  #fake #col03 .image {
    margin-bottom: 3.125%; }
    #fake #col03 .image li {
      width: 100%;
      display: block; }
      #fake #col03 .image li:first-child {
        margin-right: 0;
        margin-bottom: 3.125%; }
      #fake #col03 .image li.all {
        width: 100%;
        margin-right: 0; }
      #fake #col03 .image li.w230, #fake #col03 .image li.w430 {
        width: 100%; }
      #fake #col03 .image li .tag {
        top: 0;
        width: 30.30303%; }
      #fake #col03 .image li p {
        color: #3e3a39;
        font-size: 93%;
        font-weight: bold;
        margin-top: 10px; }
  #fake #col04 .lead {
    margin-bottom: 6.25%; }
  #fake #col04 .tbl {
    margin-bottom: 0; }
    #fake #col04 .tbl h2 {
      margin-bottom: 1.5625%; }
  #fake #col04 .tbl-col {
    width: 100%;
    display: block;
    padding: 0 !important;
    margin-bottom: 6.25%; }
  #fake #col05 .mov {
    width: 100%; }
  #fake #col06 .recommend_btn {
    text-align: center;
    margin-bottom: 15.625%; }
    #fake #col06 .recommend_btn li {
      width: 46.875%;
      margin: 0 1.5625% 3.125%; }
      #fake #col06 .recommend_btn li:nth-child(4n) {
        margin-right: 0; }
      #fake #col06 .recommend_btn li img {
        width: 82.14286%;
        max-width: 226px; }
      #fake #col06 .recommend_btn li p {
        background: url("../images/link_blu.png") no-repeat left 0.2em;
        background-size: 16px;
        padding-left: 22px;
        text-align: left; }
  #fake #col06 .recommend_mov {
    margin-bottom: 9.375%; }
    #fake #col06 .recommend_mov li {
      width: 100%;
      margin: 0 0 12.5%; }
      #fake #col06 .recommend_mov li img {
        margin-bottom: 6.25%; }
      #fake #col06 .recommend_mov li h2 {
        color: #00a6ff !important;
        margin-bottom: 3.125%;
        font-size: 124%; }
  #fake #col06 .btn-productinfo, #fake #col06 .btn-productinfo02 {
    display: table;
    width: 100%; }
  #fake #col06 .btn-productinfo a, #fake #col06 .btn-productinfo02 a {
    padding: 4.6875% 4.6875% 4.6875% 9.375%;
    width: 100%; }
  #fake #col06 .btn-productinfo a span, #fake #col06 .btn-productinfo02 a span {
    display: table-cell;
    color: #FFF;
    vertical-align: middle;
    position: relative;
    padding-left: 9.375%;
    padding-right: 25px;
    font-size: 108%;
    white-space: normal; }
  #fake #col06 .btn-productinfo a span:after, #fake #col06 .btn-productinfo02 a span:after {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    background: url("../images/link_right_w.png") no-repeat center left;
    background-size: contain;
    width: 11px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px; }
  #fake #col06 .btn-productinfo a img {
    display: table-cell;
    vertical-align: middle;
    max-width: 44px; }
  #fake #col06 .btn-productinfo02 {
    width: 100%; }
    #fake #col06 .btn-productinfo02 a img {
      display: table-cell;
      vertical-align: middle;
      max-width: 44px; }
    #fake #col06 .btn-productinfo02 a span.img {
      width: 106px;
      padding: 0; }
      #fake #col06 .btn-productinfo02 a span.img:after {
        display: none; }
    #fake #col06 .btn-productinfo02 a img {
      width: auto;
      max-width: 100% !important;
      height: 93px;
      zoom: 1;
      display: inline-block; }
      #fake #col06 .btn-productinfo02 a img + img {
        margin-left: 10px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #fake.ar #col01 .caution dt {
    left: 0;
    right: 1.5625%; }
  #fake.ar #col02 li {
    margin-right: 0; }
  #fake.ar #col03 .tbl-col:first-child {
    margin-left: 0; }
  #fake.ar #col03 .image li:first-child, #fake.ar #col03 .image li.all {
    margin-left: 0; }
  #fake.ar #col06 .recommend_btn li:nth-child(4n) {
    margin-left: 0; }
  #fake.ar #col06 .recommend_btn li p {
    padding-right: 22px;
    padding-left: 0; }
  #fake.ar #col06 .btn-productinfo a, #fake.ar #col06 .btn-productinfo02 a {
    padding: 4.6875% 9.375% 4.6875% 4.6875%; }
  #fake.ar #col06 .btn-productinfo a span, #fake.ar #col06 .btn-productinfo02 a span {
    padding-right: 0;
    padding-left: 0; }
  #fake.ar #col06 .btn-productinfo a span:after, #fake.ar #col06 .btn-productinfo02 a span:after {
    background-image: url("../images/link_right_w_ar.png");
    right: auto;
    left: 0; } }

#premium.index .bnr {
  margin: 0 auto 5.6338%; }

#premium.index ul.list li .img {
  width: 29.46429%;
  display: table-cell;
  position: relative; }
  #premium.index ul.list li .img img {
    max-width: 525px; }
  #premium.index ul.list li .img::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 0;
    top: 50%;
    margin-top: -20px;
    border-right: 20px solid #FFF;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent; }

#premium.index ul.list li .txt {
  width: 70.53571%; }
  #premium.index ul.list li .txt .btn {
    margin-top: 10px; }

#premium.index ul.list li h2.key_open::before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 32px;
  background: url("../images/premium/key_open.png") no-repeat left center;
  background-size: 100% auto;
  margin-right: 10px; }

#premium.index ul.list li h2.key_close::before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 32px;
  background: url("../images/premium/key_close.png") no-repeat left center;
  background-size: 100% auto;
  margin-right: 10px; }

#premium.index #id-content {
  min-width: 0;
  padding: 0; }
  #premium.index #id-content h3 {
    background: -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
    /* FF3.6-15 */
    background: -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
    /* Chrome10-25,Safari5.1-6 */
    background-repeat: no-repeat;
    background-position: center;
    color: #FFF;
    padding: .5em 0; }
  #premium.index #id-content .id-content--inr {
    padding: 50px; }
    #premium.index #id-content .id-content--inr .btn {
      margin: 20px auto; }
    #premium.index #id-content .id-content--inr .num {
      color: #00a6ff;
      font-size: 216%; }

#premium.free ul.list li {
  padding: 2.11268%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #premium.free ul.list li a {
    display: table; }
  #premium.free ul.list li .img {
    width: 45%;
    /*max-width: 300% / 1420 * 100;*/
    padding: 0 4.22535% 0 2.8169%;
    border-right: 1px solid #EEE; }
    #premium.free ul.list li .img img {
      margin: 0 auto;
      display: block; }
  #premium.free ul.list li .txt {
    width: 55%;
    padding: 0 4.22535%; }
    #premium.free ul.list li .txt h2 {
      margin-bottom: 2.66667%; }
    #premium.free ul.list li .txt ul.btn_list li {
      display: inline-block;
      vertical-align: top; }

@media (min-width: 0px) and (max-width: 767px) {
  #premium.index .bnr {
    margin: 0 auto 14.0625%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #premium.index ul.list li .img {
    width: 100%;
    display: block; }
    #premium.index ul.list li .img img {
      max-width: 100%; }
    #premium.index ul.list li .img::before {
      content: '';
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      right: 50% !important;
      bottom: 0 !important;
      top: auto !important;
      margin-top: 0 !important;
      margin-right: -20px !important;
      border-right: 20px solid transparent !important;
      border-bottom: 20px solid #FFF !important;
      border-left: 20px solid transparent !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #premium.index ul.list li .txt {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #premium.index ul.list li h2.key::before {
    width: 20px;
    height: 25px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #premium.index #id-content .id-content--inr {
    padding: 7.8125% 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #premium.index #id-content .id-content--inr .num {
    font-size: 162%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #premium.free ul.list li {
    padding: 7.8125%; }
    #premium.free ul.list li .img {
      padding-bottom: 7.8125%;
      width: 100%;
      max-width: 100%;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-right: 0;
      border-bottom: 1px solid #EEE; }
    #premium.free ul.list li .txt {
      width: 100%;
      padding: 7.8125% 0 0; } }

#emulator .section {
  margin-bottom: 7.04225%; }
  #emulator .section h2 {
    margin-bottom: 15px; }
  #emulator .section .btn_dl {
    font-size: 77%; }
  #emulator .section p {
    margin-bottom: 10px; }

#emulator.fx-82solar .tag {
  position: relative; }
  #emulator.fx-82solar .tag .ic {
    display: inline-block;
    color: #FFF;
    background: #0458c4;
    font-size: 77%;
    line-height: 1;
    padding: .5em;
    position: absolute;
    top: -3em;
    white-space: nowrap; }
    #emulator.fx-82solar .tag .ic span::after {
      content: "";
      position: absolute;
      right: 0;
      bottom: -5px;
      left: 0;
      width: 0px;
      height: 0px;
      margin: auto;
      border-style: solid;
      border-color: #0458c4 transparent transparent transparent;
      border-width: 5px 5px 0 5px; }

#emulator.fx-82solar .tag02 .ic {
  top: -2.5em; }

#emulator.fx-82solar .tag03 {
  display: inline-block; }
  #emulator.fx-82solar .tag03 .ic {
    top: -1em;
    left: 50%;
    margin-left: -3em; }

#emulator.fx-82solar h3 {
  font-size: 108%;
  font-weight: bold;
  color: #3e3a39;
  margin-bottom: 15px; }

#emulator.fx-82solar .col-tbl {
  width: 100%;
  display: table;
  margin-top: 2.94118%; }
  #emulator.fx-82solar .col-tbl .col {
    display: table-cell;
    vertical-align: top;
    width: 50%; }
  #emulator.fx-82solar .col-tbl .txt {
    position: relative; }

#emulator.fx-82solar .col01 .img {
  width: 33.33333%;
  float: left; }

#emulator.fx-82solar .col01 .txt {
  width: 66.66667%;
  padding: 60px 8.33333% 0;
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#emulator.fx-82solar .col02 .txt {
  padding: 50px 0 0; }

#emulator.fx-82solar .col02 .btn {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px; }

#emulator.fx-82solar .col02 li {
  width: 80%;
  background: #f5f5f5;
  border-radius: 5px;
  color: #808080;
  padding: 1em;
  margin-bottom: 10px; }

#emulator.fx-82solar .col03 {
  width: 42.25352%; }
  #emulator.fx-82solar .col03 .img {
    width: 69.44444%; }

#emulator.fx-82solar .col04 {
  width: 57.74648%; }

#emulator.fx-82solar .col05 li {
  width: 22.53521%;
  display: inline-block;
  border: 1px solid #dadada;
  border-radius: 10px;
  padding: 1.40845%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #emulator.fx-82solar .col05 li + li {
    margin-left: 0.70423%; }
  #emulator.fx-82solar .col05 li p {
    font-weight: bold;
    color: #3e3a39; }

#emulator.download .scroll-x {
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }

#emulator.download .btn_dl {
  font-size: 93%; }

#emulator.download dl.tbl {
  display: table;
  width: 100%;
  line-height: 1.4; }
  #emulator.download dl.tbl.bg {
    background: #f5f5f5; }
  #emulator.download dl.tbl dt, #emulator.download dl.tbl dd {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #emulator.download dl.tbl dt {
    padding: 2.8169%;
    font-weight: normal;
    color: #1d2080;
    font-weight: bold;
    font-size: 124%; }
  #emulator.download dl.tbl dd {
    font-weight: normal; }
    #emulator.download dl.tbl dd p {
      padding: 2.8169%; }
      #emulator.download dl.tbl dd p + p {
        border-top: 1px solid #ccc; }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .lead {
    margin-bottom: 15.625%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .tag .ic {
    width: 100%;
    position: relative;
    font-size: 93%;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 20px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .tag02 .ic {
    top: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .tag03 {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .tag03 .ic {
    top: 0;
    left: 0;
    margin-left: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col-tbl .col {
    display: block;
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col01 .img {
    width: 46.875%;
    margin: 0 auto 12.5%;
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col01 .txt {
    width: 100%;
    padding: 0;
    margin: 0 auto 12.5%;
    float: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col02 .txt {
    padding: 0;
    margin: 0 auto 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col02 .btn {
    margin: 10px 0 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col02 li {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col03 {
    width: 100%;
    margin: 0 auto 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col03 .img {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col04 {
    width: 100%;
    margin: 0 auto 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col05 {
    margin: 0 auto 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col05 li {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    padding: 3.125%; }
    #emulator.fx-82solar .col05 li .btn {
      display: inline-block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.fx-82solar .col05 li + li {
    margin-left: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.download dl.tbl dt, #emulator.download dl.tbl dd {
    display: block; } }

@media (min-width: 768px) {
  #emulator.download dl.tbl dt {
    border: 1px solid #ccc;
    width: 29.57746%;
    text-align: center; }
  #emulator.download dl.tbl dd {
    border: 1px solid #ccc;
    border-left: none; }
  #emulator.download dl.tbl + dl.tbl dt, #emulator.download dl.tbl + dl.tbl dd {
    border-top: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #emulator.download dl.tbl dt {
    border: 1px solid #ccc;
    border-bottom: none; }
  #emulator.download dl.tbl dd {
    border: 1px solid #ccc; }
  #emulator.download dl.tbl + dl.tbl dt {
    border-top: none; } }

#classpadnet #title_area.top {
  background: url("../images/forteachers/bg_title.png") right top no-repeat, -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/forteachers/bg_title.png") right top no-repeat, -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/forteachers/bg_title.png") right top no-repeat, -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* Chrome10-25,Safari5.1-6 */ }

#classpadnet #title_area.classpadnet {
  background: url("../images/forteachers/classpadnet/bg_title.png") right top no-repeat, -moz-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/forteachers/classpadnet/bg_title.png") right top no-repeat, -ms-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* FF3.6-15 */
  background: url("../images/forteachers/classpadnet/bg_title.png") right top no-repeat, -webkit-linear-gradient(left, #0458c4 0%, #009fe5 100%);
  /* Chrome10-25,Safari5.1-6 */ }

#classpadnet .bold {
  font-weight: bold;
  color: #3e3a39; }

#classpadnet .movie {
  width: 52.65432%;
  margin: 0 auto 3.7037%;
  position: relative;
  /*&--inr {
  	width: 100%;
	  position: relative;
	  padding-top: 56.25%;
	  }
	  iframe {
			position: absolute;
			top: 0;
			right: 0;
			width: 100% !important;
			height: 100% !important;
	  }*/ }
  #classpadnet .movie a {
    position: relative;
    display: block;
    /*
		  &:before,
		  &:after {
		    -webkit-transition: all 0.5s;
		    -moz-transition: all 0.5s;
		    -ms-transition: all 0.5s;
		    -o-transition: all 0.5s;
		    transition: all 0.5s;
		    opacity: 1;
		    backface-visibility: hidden;
		    -webkit-backface-visibility: hidden;
		    cursor: pointer;
		  }*/ }
    #classpadnet .movie a:before {
      content: '';
      display: block;
      font-size: 100px;
      position: absolute;
      width: 5vw;
      height: 5vw;
      background: #2a2f81;
      border-radius: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    #classpadnet .movie a:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-top: 1vw solid transparent;
      border-left: 1.5vw solid #FFF;
      border-bottom: 1vw solid transparent;
      top: 50%;
      left: 50%;
      margin-left: -.6vw;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

#classpadnet .link {
  margin-top: 1em; }
  #classpadnet .link span, #classpadnet .link a {
    min-width: 380px;
    text-align: center; }

#classpadnet .disable {
  display: table;
  border-radius: 36px;
  padding: 15px 36px;
  background: #BBBBBB;
  font-size: 124%;
  color: #FFF;
  margin: 0 auto;
  position: relative; }

#classpadnet .col_g p {
  font-size: 113%; }

#classpadnet .col_g + .col_g {
  padding-top: 0; }

#classpadnet .tbl {
  display: table;
  width: 100%;
  background: #FFF;
  padding: 4.93827%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #classpadnet .tbl + .tbl {
    margin-top: 4.93827%; }
  #classpadnet .tbl .col, #classpadnet .tbl .img {
    display: table-cell;
    vertical-align: top;
    width: 50%; }
  #classpadnet .tbl .col p, #classpadnet .tbl .img p {
    margin-bottom: 1em; }
  #classpadnet .tbl .col .btn, #classpadnet .tbl .img .btn {
    display: table; }

#classpadnet ul.list {
  margin-bottom: 0; }
  #classpadnet ul.list li {
    border: 1px solid #BBBBBB; }
    #classpadnet ul.list li .img {
      position: relative; }
      #classpadnet ul.list li .img:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3vw 3vw 3vw 0;
        border-color: transparent #FFF transparent transparent; }

#classpadnet .txtbox {
  margin-bottom: 4.93827%; }

#classpadnet.materials #contents .item {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 18.87324%;
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1.40845%;
  margin-right: 1.40845%;
  padding-bottom: 1.40845%;
  text-align: left; }

#classpadnet.materials #contents .item__wrap--list {
  letter-spacing: -.4em; }

#classpadnet.materials #contents .item__wrap .ttl_h2 {
  text-align: center;
  margin-bottom: 1.23457%; }

#classpadnet.materials #contents .item__wrap .lead {
  text-align: center;
  letter-spacing: normal;
  margin-bottom: 4.93827%; }

#classpadnet.materials #contents .item__wrap + .item__wrap {
  margin-top: 9.87654%; }

#classpadnet.materials #contents .item figure {
  width: 100%;
  border-bottom: 1px solid #dadada; }

#classpadnet.materials #contents .item h2 {
  margin-top: 7.46269%;
  padding: 0 7.46269%;
  font-size: 100%;
  color: #3e3a39;
  letter-spacing: -0.04em; }

#classpadnet.materials #contents .item ul {
  margin-top: 7.46269%;
  padding: 0 7.46269%; }
  #classpadnet.materials #contents .item ul li {
    display: inline-block;
    font-size: 85%;
    line-height: 1;
    color: #3e3a39;
    background: #ffd600;
    border-radius: 5px;
    padding: 0.4em;
    margin-bottom: .5em;
    margin-right: .5em; }

#classpadnet.unit .tab {
  margin-bottom: 60px; }
  #classpadnet.unit .tab li {
    width: 250px;
    display: inline-block;
    margin-right: 2%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 10px 15px;
    border-radius: 25px;
    background-color: #dadada;
    color: #FFF;
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 116%;
    position: relative; }
    #classpadnet.unit .tab li.select {
      background-color: #00a6ff; }
      #classpadnet.unit .tab li.select::before {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 50%;
        left: 14px;
        background-image: url("../images/forteachers/events/check.png") !important;
        background-size: 12px auto;
        background-position: 0 0;
        background-repeat: no-repeat;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    #classpadnet.unit .tab li:hover {
      background-color: #00a6ff; }

#classpadnet.unit .chart {
  display: none; }
  #classpadnet.unit .chart.show {
    display: block; }
  #classpadnet.unit .chart .scroll {
    margin: 0 auto 5.6338%;
    position: relative; }
  #classpadnet.unit .chart .table {
    width: 100%;
    margin-bottom: 10px; }
    #classpadnet.unit .chart .table td, #classpadnet.unit .chart .table th {
      border: 1px solid #e7e7e7;
      padding: 1em;
      vertical-align: middle;
      text-align: center;
      white-space: normal; }
    #classpadnet.unit .chart .table thead th {
      background: #f5f5f5;
      color: #3e3a39;
      text-align: center;
      font-weight: bold; }
    #classpadnet.unit .chart .table tbody tr.line {
      border: 1px solid #e7e7e7; }
    #classpadnet.unit .chart .table tbody th {
      color: #1d2080;
      font-size: 124%; }
    #classpadnet.unit .chart .table tbody td {
      border-bottom: dotted 1px #e7e7e7;
      border-top: none; }
      #classpadnet.unit .chart .table tbody td.txt {
        text-align: left; }
      #classpadnet.unit .chart .table tbody td img {
        border: 1px solid #e7e7e7;
        margin-bottom: 10px;
        width: 400px; }
      #classpadnet.unit .chart .table tbody td .btn {
        display: inline-block; }

#classpadnet.movie .tab {
  margin-bottom: 60px; }
  #classpadnet.movie .tab li {
    width: 250px;
    display: inline-block;
    margin-right: 2%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 10px 15px;
    border-radius: 25px;
    background-color: #dadada;
    color: #FFF;
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 116%;
    position: relative; }
    #classpadnet.movie .tab li.select {
      background-color: #00a6ff; }
      #classpadnet.movie .tab li.select::before {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 50%;
        left: 14px;
        background-image: url("../images/forteachers/events/check.png") !important;
        background-size: 12px auto;
        background-position: 0 0;
        background-repeat: no-repeat;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    #classpadnet.movie .tab li:hover {
      background-color: #00a6ff; }

#classpadnet.movie .mov--wrap {
  display: none; }
  #classpadnet.movie .mov--wrap.show {
    display: block; }

#classpadnet.movie .mov__col {
  width: 23.94366%;
  margin: 0.70423% 0.52817% 1.40845%;
  float: left; }
  #classpadnet.movie .mov__col a:hover span img {
    opacity: 0.3; }
  #classpadnet.movie .mov__col a:hover span::before, #classpadnet.movie .mov__col a:hover span::after {
    opacity: 0.7; }
  #classpadnet.movie .mov__col span {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #ccc; }
    #classpadnet.movie .mov__col span * {
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      opacity: 1; }
    #classpadnet.movie .mov__col span::before, #classpadnet.movie .mov__col span::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 3; }
    #classpadnet.movie .mov__col span::before {
      width: 60px;
      height: 60px;
      background: #273292;
      border-radius: 30px; }
    #classpadnet.movie .mov__col span::after {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 0 8px 12px;
      border-color: transparent transparent transparent #FFF;
      margin-left: 2px; }
    #classpadnet.movie .mov__col span img {
      width: 114.0625%;
      position: absolute;
      top: 50%;
      left: 50%; }
  #classpadnet.movie .mov__col ul li:first-child {
    font-weight: bold;
    font-size: 100%;
    color: #273292; }

#classpadnet.movie .mov__col--wrap + h1 {
  margin-top: 8.4507%; }

#classpadnet.movie .mov__col--wrap + h2 {
  margin-top: 2.8169%; }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet .movie {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet .movie a:before {
    width: 10vw;
    height: 10vw; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet .movie a:after {
    border-top: 2vw solid transparent;
    border-left: 3vw solid #FFF;
    border-bottom: 2vw solid transparent;
    margin-left: -1.3vw; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet .link span, #classpadnet .link a {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet .tbl {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet .tbl .col, #classpadnet .tbl .img {
    display: block;
    width: 100%; }
  #classpadnet .tbl .col .btn, #classpadnet .tbl .img .btn {
    margin: 1em  auto 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet .tbl .img {
    display: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet ul.list li .img:after {
    top: auto;
    bottom: 0;
    right: 50%;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    border-width: 5vw 5vw 5vw;
    border-color: transparent transparent #FFF transparent; } }

@media (min-width: 768px) {
  #classpadnet.materials #contents .item__wrap--list {
    text-align: center; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.materials #contents .item__wrap .ttl_h2 {
    margin-bottom: 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.materials #contents .item__wrap .lead {
    margin-bottom: 12.5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.materials #contents .item__wrap + .item__wrap {
    margin-bottom: 25%; } }

@media (min-width: 768px) {
  #classpadnet.materials #contents .item.last {
    margin-right: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.materials #contents .item {
    width: 48.27586%;
    margin-right: 3.44828% !important;
    padding-bottom: 3.44828%;
    margin-bottom: 3.44828%; }
    #classpadnet.materials #contents .item:nth-child(2n) {
      margin-right: 0 !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.materials #contents .item h2 {
    margin-top: 10.71429%;
    padding: 0 7.14286%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.materials #contents .item ul {
    margin-top: 7.14286%;
    padding: 0 7.14286%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.unit .tab {
    margin-bottom: 10%; } }

@media (min-width: 768px) {
  #classpadnet.unit .tab li {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.unit .tab li {
    width: 100%;
    margin: 0 0 2%;
    font-size: 108%; }
    #classpadnet.unit .tab li:first-child {
      margin-right: 2%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.unit .chart .scroll {
    margin: 0 auto 12.12121%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.unit .chart .table {
    width: 200%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.unit .chart .table td, #classpadnet.unit .chart .table th {
    padding: .5em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.unit .chart .table tbody th {
    font-size: 108%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.unit .chart .table tbody td img {
    width: auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.movie .tab {
    margin-bottom: 10%; } }

@media (min-width: 768px) {
  #classpadnet.movie .tab li {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.movie .tab li {
    width: 100%;
    margin: 0 0 2%;
    font-size: 108%; }
    #classpadnet.movie .tab li:first-child {
      margin-right: 2%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.movie .mov__col {
    width: 100%;
    margin: 1.5625% 0 3.125%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.movie .mov__col--wrap + h1 {
    margin-top: 18.75%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #classpadnet.movie .mov__col--wrap + h2 {
    margin-top: 6.25%; } }

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.table_cell {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

/* clearfix */
.clearfix, #home #sec02 ul.list02 li .img {
  position: relative;
  *zoom: 1; }

#forteachers.activities #form #select .pages, #forteachers.pages.case04 .tbl-col {
  position: relative;
  *zoom: 1; }

#support.lessonmaterials .btn-r, #support.teachingmaterials .btn-r {
  position: relative;
  *zoom: 1; }

#products.index .list_box02 li a .img, #products.index.th #sec02 .list_box li a .img {
  position: relative;
  *zoom: 1; }

#products .manual .col-tbl__txt, #products.list .list_box02 li a .img, #products.cgreset .btn-r {
  position: relative;
  *zoom: 1; }

#software.customersupport #sec01 ul, #software.customersupport #sec03 ul {
  position: relative;
  *zoom: 1; }

#software.networklicense #sec01 ul, #software.networklicense #sec02 ul.step, #software.networklicense #sec03 ul.step, #software.networklicense #sec05 ul.step, #software.networklicense #sec03 .inr ul.step {
  position: relative;
  *zoom: 1; }

#requirements.subscription .openbox dl {
  position: relative;
  *zoom: 1; }

#fake #col03 .tbl, #fake #col04 .tbl {
  position: relative;
  *zoom: 1; }

#emulator.fx-82solar .col-tbl .col {
  position: relative;
  *zoom: 1; }

#classpadnet.materials #contents .item__wrap--list, #classpadnet.movie .mov__col--wrap {
  position: relative;
  *zoom: 1; }

#products.events.case03 #sec01 .flex01 .flex--col dl {
  position: relative;
  *zoom: 1; }

.clearfix:after, #home #sec02 ul.list02 li .img:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#forteachers.activities #form #select .pages:after, #forteachers.pages.case04 .tbl-col:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#support.lessonmaterials .btn-r:after, #support.teachingmaterials .btn-r:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#products.index .list_box02 li a .img:after, #products.index.th #sec02 .list_box li a .img:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#products .manual .col-tbl__txt:after, #products.list .list_box02 li a .img:after, #products.cgreset .btn-r:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#software.customersupport #sec01 ul:after, #software.customersupport #sec03 ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#software.networklicense #sec01 ul:after, #software.networklicense #sec02 ul.step:after, #software.networklicense #sec03 ul.step:after, #software.networklicense #sec05 ul.step:after, #software.networklicense #sec03 .inr ul.step:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#requirements.subscription .openbox dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#fake #col03 .tbl:after, #fake #col04 .tbl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#emulator.fx-82solar .col-tbl .col:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#classpadnet.materials #contents .item__wrap--list:after, #classpadnet.movie .mov__col--wrap:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#products.events.case03 #sec01 .flex01 .flex--col dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

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

#products.events #pagenav {
  display: none; }
  #products.events #pagenav dl dt {
    display: table-cell; }

#products.events ul.count {
  counter-reset: item; }
  #products.events ul.count li {
    position: relative;
    counter-reset: listCounter; }
    #products.events ul.count li::before {
      position: relative;
      content: counter(item) " ";
      counter-increment: item;
      padding: 0 0.3em;
      color: #1d2080;
      z-index: 2; }
    #products.events ul.count li::after {
      content: '';
      position: absolute;
      display: block;
      top: .12em;
      left: 0;
      width: 1.2em;
      height: 1.2em;
      border-radius: 50%;
      background: #ffd600;
      z-index: 1; }

#products.events .ttl {
  margin-bottom: 1em; }

#products.events .ttl_ss {
  font-size: 50%; }

#products.events p + p {
  margin-top: 1em; }

#products.events .blu {
  color: #1d2080; }

#products.events .blu02 {
  color: #0458c4; }

#products.events .chart {
  width: 100%;
  border: 1px solid #e6e6e6;
  margin-top: 1em; }
  #products.events .chart th, #products.events .chart td {
    padding: .5em;
    font-weight: normal;
    vertical-align: middle;
    border: 1px solid #e6e6e6; }
  #products.events .chart th {
    color: #3e3a39;
    background: #ddd; }
  #products.events .chart td {
    background: #fff; }
  #products.events .chart thead th {
    background: #ddd;
    font-weight: bold;
    text-align: center; }

#products.events .ttl_profile {
  position: relative;
  color: #00a6ff;
  line-height: 1.4;
  margin-top: 1em; }
  #products.events .ttl_profile::before {
    content: '';
    display: block;
    width: 1em;
    height: 3px;
    background: #ffd600;
    margin-bottom: .5em; }

#products.events .ttl_profile--sub {
  color: #1d2080;
  font-size: 108%; }

#products.events .dl--pdf {
  margin-top: 1em; }
  #products.events .dl--pdf a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #0458c4;
    border-radius: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .5em 1em;
    color: #FFF;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #products.events .dl--pdf a::before {
      content: '';
      display: block;
      background: url("../images/dl_w.png") no-repeat center left;
      background-size: contain;
      width: 25px;
      height: 25px;
      -webkit-transform: translate(0, -2px);
      -ms-transform: translate(0, -2px);
      transform: translate(0, -2px); }

#products.events .flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#products.events .pagetop {
  margin-bottom: 0;
  text-align: right; }
  #products.events .pagetop a {
    display: inline-table;
    float: none; }
    #products.events .pagetop a + a {
      margin-left: 10px; }
    #products.events .pagetop a.backtobtn {
      border: 2px solid #0458c4;
      background-color: #0458c4;
      color: #fff;
      -webkit-transition: opacity 0.5s linear 0s;
      -o-transition: opacity 0.5s linear 0s;
      transition: opacity 0.5s linear 0s; }
      #products.events .pagetop a.backtobtn:before {
        background-image: url("../images/link_up_w.png"); }
      #products.events .pagetop a.backtobtn:hover {
        opacity: 0.5; }

#products.events ul.anchor {
  margin-bottom: 6%; }
  #products.events ul.anchor li {
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 10px;
    font-size: 116%;
    position: relative; }
    #products.events ul.anchor li a {
      display: inline-block;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px 20px 10px 15px;
      border-radius: 25px;
      background-color: #00a6ff;
      color: #fff;
      cursor: pointer; }
      #products.events ul.anchor li a:hover {
        background-color: #dadada; }

#products.events.case02 #sec01 h2 {
  margin-top: 7.04225%; }

#products.events.case02 #sec01 .flex01 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  #products.events.case02 #sec01 .flex01 .flex--col {
    width: 48.59155%; }
    #products.events.case02 #sec01 .flex01 .flex--col .count {
      margin-top: 1em; }
  #products.events.case02 #sec01 .flex01 .bnr {
    width: 48.59155%; }

#products.events.case02 #sec01 .flex02 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #products.events.case02 #sec01 .flex02 .flex--col {
    width: 76.05634%; }
    #products.events.case02 #sec01 .flex02 .flex--col .count {
      margin-top: 1em; }
  #products.events.case02 #sec01 .flex02 .flex--profile {
    width: 20.42254%;
    padding-left: 4.92958%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid #e6e6e6;
    border-width: 0 0 0 1px; }
    #products.events.case02 #sec01 .flex02 .flex--profile .ttl_profile {
      font-size: 139%; }
    #products.events.case02 #sec01 .flex02 .flex--profile p {
      margin-top: .5em; }

#products.events.case02 #sec02 .flex01 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #FFF;
  padding: 4.22535%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #products.events.case02 #sec02 .flex01 + .flex01 {
    margin-top: 4.22535%; }
  #products.events.case02 #sec02 .flex01 .flex--col {
    width: 80.76923%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #products.events.case02 #sec02 .flex01 .flex--col.flex {
      border-left: solid 1px #e6e6e6; }
      #products.events.case02 #sec02 .flex01 .flex--col.flex .flex02 {
        border: none; }
    #products.events.case02 #sec02 .flex01 .flex--col .flex02 {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border: solid #e6e6e6;
      border-width: 0 0 0 1px;
      padding-left: 4.22535%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative; }
      #products.events.case02 #sec02 .flex01 .flex--col .flex02 + .flex02 {
        margin-top: 12.67606%; }
        #products.events.case02 #sec02 .flex01 .flex--col .flex02 + .flex02::before {
          content: '';
          width: 100%;
          left: 0;
          border-top: 1px solid #e6e6e6;
          position: absolute;
          display: block;
          margin-top: -6.33803%; }
      #products.events.case02 #sec02 .flex01 .flex--col .flex02 .flex--col {
        width: 78.78788%; }
      #products.events.case02 #sec02 .flex01 .flex--col .flex02 figure {
        width: 16.9697%; }
  #products.events.case02 #sec02 .flex01 .flex--profile {
    width: 19.23077%;
    padding-right: 4.22535%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #products.events.case02 #sec02 .flex01 .flex--profile .ttl_profile {
      font-size: 108%; }
    #products.events.case02 #sec02 .flex01 .flex--profile p {
      margin-top: .5em; }
  #products.events.case02 #sec02 .flex01 .flex--profile_inr + .flex--profile_inr {
    margin-top: 30px; }

#products.events.case02 #sec03 h2, #products.events.case02 #sec06 h2 {
  margin-top: 7.04225%; }

#products.events.case02 #sec03 .flex, #products.events.case02 #sec06 .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #FFF;
  padding: 4.22535%;
  border: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#products.events.case02 #sec03 .flex + .flex, #products.events.case02 #sec06 .flex + .flex {
  margin-top: 4.22535%; }

#products.events.case02 #sec03 .flex .flex--col, #products.events.case02 #sec06 .flex .flex--col {
  width: 80.76923%;
  padding-left: 4.22535%;
  border-left: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#products.events.case02 #sec03 .flex .flex--col figure, #products.events.case02 #sec06 .flex .flex--col figure {
  margin-top: 1em; }

#products.events.case02 #sec03 .flex .flex--col figure img, #products.events.case02 #sec06 .flex .flex--col figure img {
  width: auto;
  max-width: 100%; }

#products.events.case02 #sec03 .flex .flex--profile, #products.events.case02 #sec06 .flex .flex--profile {
  width: 19.23077%;
  padding-right: 4.22535%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#products.events.case02 #sec03 .flex .flex--profile .ttl_profile, #products.events.case02 #sec06 .flex .flex--profile .ttl_profile {
  font-size: 108%; }

#products.events.case02 #sec03 .flex .flex--profile p, #products.events.case02 #sec06 .flex .flex--profile p {
  margin-top: .5em; }

#products.events.case02 #sec03 .data, #products.events.case02 #sec06 .data {
  margin-top: 2em;
  border: 1px solid #e6e6e6;
  padding: 2.11268%; }

#products.events.case02 #sec03 .data h3, #products.events.case02 #sec06 .data h3 {
  color: #3e3a39; }

#products.events.case02 #sec03 .data .chart tbody th, #products.events.case02 #sec06 .data .chart tbody th {
  background: #ddd;
  white-space: nowrap; }

#products.events.case02 #sec03 .data .chart tbody td, #products.events.case02 #sec06 .data .chart tbody td {
  text-align: left; }

#products.events.case02 #sec03 .data .chart tbody td em, #products.events.case02 #sec06 .data .chart tbody td em {
  color: #3e3a39;
  border: 1px solid;
  width: 1.4em;
  display: inline-block;
  text-align: center;
  margin: 0 0.2em 0.2em 0; }

#products.events.case02 #sec03 .data .chart tbody td:empty, #products.events.case02 #sec06 .data .chart tbody td:empty {
  background-image: -webkit-gradient(linear, left bottom, right top, from(transparent), color-stop(50%, transparent), color-stop(49%, #e6e6e6), color-stop(51%, #e6e6e6), color-stop(51%, transparent), to(transparent));
  background-image: -webkit-linear-gradient(bottom left, transparent, transparent 50%, #e6e6e6 49%, #e6e6e6 51%, transparent 51%, transparent);
  background-image: -o-linear-gradient(bottom left, transparent, transparent 50%, #e6e6e6 49%, #e6e6e6 51%, transparent 51%, transparent);
  background-image: linear-gradient(to top right, transparent, transparent 50%, #e6e6e6 49%, #e6e6e6 51%, transparent 51%, transparent); }

#products.events.case02 #sec03 .chart, #products.events.case02 #sec06 .chart {
  text-align: center; }

#products.events.case02 #sec03 .chart tbody td:nth-last-child(2), #products.events.case02 #sec06 .chart tbody td:nth-last-child(2) {
  text-align: left; }

#products.events.case02 #sec03 .chart tbody td.al-c, #products.events.case02 #sec06 .chart tbody td.al-c {
  text-align: center; }

#products.events.case02 #sec03 .chart a, #products.events.case02 #sec06 .chart a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  text-decoration: underline; }

#products.events.case02 #sec03 .chart a::before, #products.events.case02 #sec06 .chart a::before {
  content: '';
  display: block;
  background: url("../images/dl_blu.png") no-repeat center left;
  background-size: contain;
  width: 25px;
  height: 25px;
  -webkit-transform: translate(0, -2px);
  -ms-transform: translate(0, -2px);
  transform: translate(0, -2px); }

#products.events.case02 #sec03 .chart a:hover, #products.events.case02 #sec06 .chart a:hover {
  color: #0458c4; }

#products.events.case02 #sec04 .thumb {
  width: 66.19718%;
  margin: 0 auto; }
  #products.events.case02 #sec04 .thumb + .flex {
    margin-top: 4.22535%; }

#products.events.case02 #sec04 .data {
  margin-top: 2em; }
  #products.events.case02 #sec04 .data h3 {
    color: #3e3a39; }
  #products.events.case02 #sec04 .data .chart {
    background: #FFF;
    margin-bottom: 8.4507%; }
    #products.events.case02 #sec04 .data .chart caption {
      background: #3e3a39; }
    #products.events.case02 #sec04 .data .chart thead th {
      background: #3e3a39;
      color: #FFF; }

#products.events.case02 #sec04 .flex03 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #FFF;
  padding: 4.22535%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #products.events.case02 #sec04 .flex03 + .flex {
    margin-top: 4.22535%; }
  #products.events.case02 #sec04 .flex03 .flex--col {
    width: 80.76923%;
    padding-left: 4.22535%;
    border-left: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #products.events.case02 #sec04 .flex03 .flex--col figure {
      margin-top: 1em; }
      #products.events.case02 #sec04 .flex03 .flex--col figure img {
        width: auto;
        max-width: 100%; }
  #products.events.case02 #sec04 .flex03 .flex--profile {
    width: 19.23077%;
    padding-right: 4.22535%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #products.events.case02 #sec04 .flex03 .flex--profile .ttl_profile {
      font-size: 108%; }
    #products.events.case02 #sec04 .flex03 .flex--profile p {
      margin-top: .5em; }

#products.events.case02 #sec04 .flex01 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #FFF;
  padding: 4.22535%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #products.events.case02 #sec04 .flex01 + .flex01 {
    margin-top: 4.22535%; }
  #products.events.case02 #sec04 .flex01 .flex--col {
    width: 80.76923%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #products.events.case02 #sec04 .flex01 .flex--col .flex02 {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border: solid #e6e6e6;
      border-width: 0 0 0 1px;
      padding-left: 4.22535%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative; }
      #products.events.case02 #sec04 .flex01 .flex--col .flex02 .pic {
        width: auto;
        max-width: 100%;
        margin-top: 4.22535%; }
        #products.events.case02 #sec04 .flex01 .flex--col .flex02 .pic img {
          width: auto;
          max-width: 100%; }
      #products.events.case02 #sec04 .flex01 .flex--col .flex02 .flex--col {
        width: 78.78788%; }
      #products.events.case02 #sec04 .flex01 .flex--col .flex02 figure {
        width: 16.9697%; }
  #products.events.case02 #sec04 .flex01 .flex--profile {
    width: 19.23077%;
    padding-right: 4.22535%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #products.events.case02 #sec04 .flex01 .flex--profile .ttl_profile {
      font-size: 108%; }
    #products.events.case02 #sec04 .flex01 .flex--profile p {
      margin-top: .5em; }

#products.events.case02 #sec05 h2 {
  margin-top: 7.04225%; }
  #products.events.case02 #sec05 h2 + .profile {
    margin-top: 0; }

#products.events.case02 #sec05 .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #FFF;
  padding: 4.22535%;
  border: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #products.events.case02 #sec05 .flex + .flex {
    margin-top: 4.22535%; }
  #products.events.case02 #sec05 .flex .flex--col {
    width: 80.76923%;
    padding-left: 4.22535%;
    border-left: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #products.events.case02 #sec05 .flex .flex--col figure {
      margin-top: 1em; }
      #products.events.case02 #sec05 .flex .flex--col figure img {
        width: auto;
        max-width: 100%; }
  #products.events.case02 #sec05 .flex .flex--profile {
    width: 19.23077%;
    padding-right: 4.22535%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #products.events.case02 #sec05 .flex .flex--profile .ttl_profile {
      font-size: 108%; }
    #products.events.case02 #sec05 .flex .flex--profile p {
      margin-top: .5em; }

#products.events.case02 #sec05 .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 4.22535%; }

#products.events.case02 #sec05 .profile--list {
  width: 13.73239%; }
  #products.events.case02 #sec05 .profile--list + .profile--list {
    margin-left: 3.52113%; }

#products.events.case01 #sec01 section {
  text-align: left; }

#products.events.case01 #sec01 .bnr {
  width: 48.59155%;
  margin: 4.22535% auto; }

#products.events.case01 #sec01 h2 {
  margin-top: 7.04225%; }

#products.events.case01 #sec01 .profile .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4.22535%;
  border: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #products.events.case01 #sec01 .profile .flex .flex--thumb {
    width: 23.84615%; }
  #products.events.case01 #sec01 .profile .flex .flex--col {
    width: 71.53846%; }
    #products.events.case01 #sec01 .profile .flex .flex--col .ttl_profile {
      font-size: 108%; }
    #products.events.case01 #sec01 .profile .flex .flex--col p {
      margin-top: 1em; }

#products.events.case01 #sec01 .outline h2 {
  margin-bottom: .5em; }
  #products.events.case01 #sec01 .outline h2 + p {
    margin-bottom: 3em; }

#products.events.case01 #sec01 .outline .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4.22535%;
  border: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 1em; }
  #products.events.case01 #sec01 .outline .flex dt {
    font-size: 108%;
    color: #1d2080;
    padding-right: 4.22535%;
    white-space: nowrap;
    font-weight: bold; }
  #products.events.case01 #sec01 .outline .flex dd {
    padding-left: 4.22535%;
    border: solid #e6e6e6;
    border-width: 0 0 0 1px; }

#products.events.case01 #sec01 .outline .chart {
  margin-top: 4.22535%;
  text-align: center; }
  #products.events.case01 #sec01 .outline .chart th {
    background: #f2f2f2;
    font-weight: bold;
    color: #3e3a39; }

#products.events.case01 #sec01 .session .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #products.events.case01 #sec01 .session .flex figure {
    width: 32.39437%; }

#products.events.case01 #sec01 .exsample {
  counter-reset: section; }
  #products.events.case01 #sec01 .exsample .ex + .ex {
    margin-top: 4.22535%; }
  #products.events.case01 #sec01 .exsample .ex dt {
    background: #1d2080;
    color: #FFF;
    font-size: 139%;
    padding: .5em;
    text-align: center;
    font-weight: bold; }
    #products.events.case01 #sec01 .exsample .ex dt em {
      position: relative; }
      #products.events.case01 #sec01 .exsample .ex dt em::before {
        position: relative;
        counter-increment: section;
        content: counter(section) " ";
        padding: 0 .5em;
        color: #1d2080;
        z-index: 2; }
      #products.events.case01 #sec01 .exsample .ex dt em::after {
        content: '';
        position: absolute;
        display: block;
        top: 50%;
        left: 0;
        width: 1.5em;
        height: 1.5em;
        border-radius: 50%;
        background: #FFF;
        z-index: 1;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  #products.events.case01 #sec01 .exsample .ex dd {
    margin-top: 2.11268%; }
    #products.events.case01 #sec01 .exsample .ex dd .ttl_h3 {
      font-size: 124%;
      color: #1d2080;
      font-weight: bold;
      margin-bottom: .5em; }
      #products.events.case01 #sec01 .exsample .ex dd .ttl_h3 span {
        border-bottom: 2px solid #ffd600; }
    #products.events.case01 #sec01 .exsample .ex dd .flex {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 2.11268%;
      position: relative; }
      #products.events.case01 #sec01 .exsample .ex dd .flex .bg01 {
        background: #ffe666;
        display: inline-block; }
      #products.events.case01 #sec01 .exsample .ex dd .flex .bg02 {
        background: #a7d17e;
        display: inline-block; }
      #products.events.case01 #sec01 .exsample .ex dd .flex .bg03 {
        background: #a1eaff;
        display: inline-block; }
    #products.events.case01 #sec01 .exsample .ex dd .flex--col {
      width: 47.74648%;
      border: 1px solid #1d2080;
      padding: 2.11268%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #products.events.case01 #sec01 .exsample .ex dd .flex--col h4 {
        display: table;
        background: #1d2080;
        padding: .3em;
        color: #FFF;
        margin-bottom: 1em; }
      #products.events.case01 #sec01 .exsample .ex dd .flex--col p {
        color: #1d2080; }
      #products.events.case01 #sec01 .exsample .ex dd .flex--col + .flex--col::before, #products.events.case01 #sec01 .exsample .ex dd .flex--col + .flex--col::after {
        position: absolute;
        content: "";
        vertical-align: middle;
        top: 50%;
        left: 50%; }
      #products.events.case01 #sec01 .exsample .ex dd .flex--col + .flex--col::before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        border: 20px solid transparent;
        border-left: 20px solid #1d2080;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      #products.events.case01 #sec01 .exsample .ex dd .flex--col + .flex--col::after {
        width: 10px;
        height: 20px;
        display: block;
        background: #1d2080;
        -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%); }
    #products.events.case01 #sec01 .exsample .ex dd .flex--col02 {
      padding: 0; }
      #products.events.case01 #sec01 .exsample .ex dd .flex--col02 .cols {
        padding: 4.42478%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #products.events.case01 #sec01 .exsample .ex dd .flex--col02 .cols .tx-h {
          line-height: 1.5; }
          #products.events.case01 #sec01 .exsample .ex dd .flex--col02 .cols .tx-h span {
            line-height: 1.2; }
        #products.events.case01 #sec01 .exsample .ex dd .flex--col02 .cols + .cols {
          border-top: 1px dashed #1d2080; }
  #products.events.case01 #sec01 .exsample .ex03 .flex img {
    width: auto;
    max-width: 100%; }

#products.events.case01 #sec01 .questionnaire h2 {
  margin-bottom: .5em; }
  #products.events.case01 #sec01 .questionnaire h2 + p {
    margin-bottom: 3em; }

#products.events.case01 #sec01 .questionnaire .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#products.events.case01 #sec01 .questionnaire .flex--col {
  width: 50%; }
  #products.events.case01 #sec01 .questionnaire .flex--col + .flex--col {
    border: 1px dotted #e6e6e6;
    border-width: 0 0 0 1px; }
  #products.events.case01 #sec01 .questionnaire .flex--col figure img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block; }

#products.events.case01 #sec01 .questionnaire .voice {
  padding: 4.22535%;
  background: #f5f5f5;
  margin-top: 7.04225%; }
  #products.events.case01 #sec01 .questionnaire .voice li {
    text-indent: -1.5em;
    padding-left: 1.5em; }

#products.events.case03 #sec01 .flex01 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #products.events.case03 #sec01 .flex01 .flex--col {
    width: 48.59155%; }
    #products.events.case03 #sec01 .flex01 .flex--col .count {
      margin-top: 1em; }
    #products.events.case03 #sec01 .flex01 .flex--col dl {
      line-height: 2; }
      #products.events.case03 #sec01 .flex01 .flex--col dl dt {
        width: 5.5em;
        float: left;
        font-weight: bold; }
      #products.events.case03 #sec01 .flex01 .flex--col dl dd {
        padding-left: 6em; }
  #products.events.case03 #sec01 .flex01 .bnr {
    width: 49.29577%; }

#products.events.case03 #sec02 .flex--col {
  width: 76.05634%;
  padding-right: 4.57746%; }
  #products.events.case03 #sec02 .flex--col .count h2 {
    margin-top: 2em;
    position: relative;
    margin-bottom: .5em; }
    #products.events.case03 #sec02 .flex--col .count h2::before {
      content: '';
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      width: 1.5em;
      height: 1.5em;
      background: #ffd600;
      border-radius: 50%;
      z-index: 0; }
    #products.events.case03 #sec02 .flex--col .count h2 span {
      width: 1.5em;
      height: 1.5em;
      text-align: center;
      display: inline-block;
      position: relative;
      margin-right: .5em; }

#products.events.case03 #sec02 .flex--profile {
  width: 20.42254%;
  padding-left: 4.57746%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid #e6e6e6;
  border-width: 0 0 0 1px; }
  #products.events.case03 #sec02 .flex--profile .ttl_profile {
    font-size: 139%; }
  #products.events.case03 #sec02 .flex--profile p {
    margin-top: .5em; }

#products.events.case03 #sec03 .flex {
  background: #FFF;
  padding: 5.98592%;
  padding-right: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #products.events.case03 #sec03 .flex + .flex {
    margin-top: 3.52113%; }

#products.events.case03 #sec03 .flex--col {
  width: 76.02996%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 5.98592%; }
  #products.events.case03 #sec03 .flex--col a {
    text-decoration: underline; }

#products.events.case03 #sec03 .flex--product {
  width: 24.34457%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid #e6e6e6;
  border-width: 0 0 0 1px;
  text-align: center; }
  #products.events.case03 #sec03 .flex--product img {
    width: 34.46154%; }
  #products.events.case03 #sec03 .flex--product h3 {
    font-size: 108%;
    color: #00a6ff;
    line-height: 1.4;
    margin-top: 1em; }
    #products.events.case03 #sec03 .flex--product h3 span {
      border-bottom: 3px solid #ffd600; }

#products.events.case03 #sec03 .flex .thumb {
  margin-top: 1em; }

#products.events.case03 #sec03 .flex01 .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#products.events.case03 #sec03 .flex02 .thumb {
  width: 81.57635%; }

#products.events.case03 #sec03 .flex03 .thumb {
  width: 92.41379%; }

#products.events.case03 #sec03 .flex04 .flex--col {
  padding-right: 0; }

#products.events.case03 #sec03 .flex04 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #products.events.case03 #sec03 .flex04 .item + .item {
    margin-top: 3.52113%;
    border-top: solid #e6e6e6 1px;
    padding-top: 3.52113%; }

#products.events.case03 #sec03 .flex04 .item--inr {
  width: 50%;
  padding-right: 5.98592%; }

#products.events.case03 #sec03 .flex04 .item .thumb {
  width: 50%; }

#products.events.case03 #sec03 .flex04 .item.is-not-flex {
  display: block; }

#products.events.case03 #sec03 .flex04 .item .thumb.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  width: 78%; }

#products.events.case03 #sec03 .flex01 .thumb figure + figure, #products.events.case03 #sec03 .flex04 .item .thumb.flex figure + figure {
  margin-left: 1.25em; }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events #pagenav {
    padding: 0 4.6875%;
    height: auto;
    position: fixed !important;
    top: 64px !important;
    z-index: 350; }
    #products.events #pagenav dl dt {
      line-height: 1.4;
      padding: .5em 0;
      padding-left: calc(15px + .5em);
      text-align: left;
      position: relative; }
      #products.events #pagenav dl dt::before {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events .flex--sp {
    width: 100% !important; }
  #products.events.case02 #sec01 .flex01 .flex--col, #products.events.case02 #sec01 .flex01 .bnr {
    width: 100% !important; }
  #products.events.case02 #sec01 .flex02 .flex--col, #products.events.case02 #sec01 .flex02 .flex--profile {
    width: 100% !important; }
  #products.events.case02 #sec02 .flex01 .flex--col, #products.events.case02 #sec02 .flex01 .flex--profile {
    width: 100% !important; }
  #products.events.case02 #sec03 .flex .flex--col, #products.events.case02 #sec06 .flex .flex--col, #products.events.case02 #sec03 .flex .flex--profile, #products.events.case02 #sec06 .flex .flex--profile {
    width: 100% !important; }
  #products.events.case02 #sec04 .flex03 .flex--col, #products.events.case02 #sec04 .flex03 .flex--profile {
    width: 100% !important; }
  #products.events.case02 #sec04 .flex01 .flex--col, #products.events.case02 #sec04 .flex01 .flex--profile {
    width: 100% !important; }
  #products.events.case02 #sec05 .flex .flex--col, #products.events.case02 #sec05 .flex .flex--profile {
    width: 100% !important; }
  #products.events.case01 #sec01 .bnr {
    width: 100% !important; }
  #products.events.case01 #sec01 .profile .flex .flex--thumb, #products.events.case01 #sec01 .profile .flex .flex--col {
    width: 100% !important; }
  #products.events.case03 #sec01 .flex01 .flex--col, #products.events.case03 #sec01 .flex01 .bnr {
    width: 100% !important; }
  #products.events.case03 #sec02 .flex--col, #products.events.case03 #sec02 .flex--profile {
    width: 100% !important; }
  #products.events.case03 #sec03 .flex {
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events .ttl {
    margin-bottom: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events .dl--pdf a {
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events .flex {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events ul.anchor {
    margin-bottom: 18%; } }

@media (min-width: 768px) {
  #products.events ul.anchor li a {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events ul.anchor li {
    width: 100%;
    margin: 0 0 2%;
    font-size: 108%; }
    #products.events ul.anchor li:first-child {
      margin-right: 2%; }
    #products.events ul.anchor li a {
      width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 .item + .item {
    margin-top: 10.9375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec01 h2 {
    margin-top: 15.625%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec01 .flex02 .flex--profile {
    border-width: 1px 0 0 0;
    padding: 10.9375% 0 0; }
    #products.events.case02 #sec01 .flex02 .flex--profile figure {
      width: 60%;
      margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec02 .flex01 {
    padding: 4.6875%; }
    #products.events.case02 #sec02 .flex01 + .flex01 {
      margin-top: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec02 .flex01 .flex--col.flex {
    border-left: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec02 .flex01 .flex--col .flex02 {
    padding: 0;
    border: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec02 .flex01 .flex--col .flex02 + .flex02 {
    margin-top: 18.75%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec02 .flex01 .flex--col .flex02 + .flex02::before {
    margin-top: -9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec02 .flex01 .flex--col .flex02 figure {
    width: 60%;
    margin: 1em auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec02 .flex01 .flex--profile {
    padding: 0; }
    #products.events.case02 #sec02 .flex01 .flex--profile figure {
      width: 60%;
      margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec02 .flex01 .flex--profile_inr + .flex--profile_inr {
    margin-top: 20px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec03 h2, #products.events.case02 #sec06 h2 {
    margin-top: 15.625%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec03 .flex, #products.events.case02 #sec06 .flex {
    padding: 4.6875%; }
  #products.events.case02 #sec03 .flex + .flex, #products.events.case02 #sec06 .flex + .flex {
    margin-top: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec03 .flex .flex--col, #products.events.case02 #sec06 .flex .flex--col {
    border: none;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec03 .flex .flex--profile, #products.events.case02 #sec06 .flex .flex--profile {
    padding: 0; }
  #products.events.case02 #sec03 .flex .flex--profile figure, #products.events.case02 #sec06 .flex .flex--profile figure {
    width: 60%;
    margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec04 .thumb {
    width: 100%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec04 .thumb + .flex {
    margin-top: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec04 .flex03 {
    padding: 4.6875%; }
    #products.events.case02 #sec04 .flex03 + .flex {
      margin-top: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec04 .flex03 .flex--col {
    border: none;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec04 .flex03 .flex--profile {
    padding: 0; }
    #products.events.case02 #sec04 .flex03 .flex--profile figure {
      width: 60%;
      margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec04 .flex01 {
    padding: 4.6875%; }
    #products.events.case02 #sec04 .flex01 + .flex01 {
      margin-top: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec04 .flex01 .flex--col .flex02 {
    padding: 0;
    border: none; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec04 .flex01 .flex--col .flex02 .pic {
    margin-top: 9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec04 .flex01 .flex--col .flex02 figure {
    width: 60%;
    margin: 1em auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec04 .flex01 .flex--profile {
    padding: 0; }
    #products.events.case02 #sec04 .flex01 .flex--profile figure {
      width: 60%;
      margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec05 h2 {
    margin-top: 15.625%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec05 .flex {
    padding: 4.6875%; }
    #products.events.case02 #sec05 .flex + .flex {
      margin-top: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec05 .flex .flex--col {
    border: none;
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec05 .flex .flex--profile {
    padding: 0; }
    #products.events.case02 #sec05 .flex .flex--profile figure {
      width: 60%;
      margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec05 .profile {
    margin-top: 9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case02 #sec05 .profile--list {
    width: 100%; }
    #products.events.case02 #sec05 .profile--list + .profile--list {
      margin-top: 9.375%; }
    #products.events.case02 #sec05 .profile--list figure {
      width: 60%;
      margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 section {
    padding: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 h2 {
    margin-top: 15.625%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .outline .flex {
    padding: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .outline .flex dt {
    padding-right: 0;
    margin-bottom: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .outline .flex dd {
    padding-left: 0;
    padding-top: 4.6875%;
    border-width: 1px 0 0 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .session .flex figure {
    width: 100%; }
    #products.events.case01 #sec01 .session .flex figure + figure {
      margin-top: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .exsample .ex + .ex {
    margin-top: 9.375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .exsample .ex dt {
    text-align: left;
    text-indent: -2em;
    padding-left: 2.5em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .exsample .ex dt em::after {
    top: .5em;
    -webkit-transform: translateY(-0.65em);
    -ms-transform: translateY(-0.65em);
    transform: translateY(-0.65em); } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .exsample .ex dd .flex--col {
    width: 100%;
    padding: 4.6875%; }
    #products.events.case01 #sec01 .exsample .ex dd .flex--col + .flex--col {
      margin-top: 60px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .exsample .ex dd .flex--col + .flex--col {
    position: relative; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .exsample .ex dd .flex--col + .flex--col::before, #products.events.case01 #sec01 .exsample .ex dd .flex--col + .flex--col::after {
    top: -60px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .exsample .ex dd .flex--col + .flex--col::before {
    -webkit-transform: rotate(-45deg) translate(-100%, -10px);
    -ms-transform: rotate(-45deg) translate(-100%, -10px);
    transform: rotate(-45deg) translate(-100%, -10px);
    border-left: none;
    border-bottom: 20px solid #1d2080; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .exsample .ex dd .flex--col + .flex--col::after {
    -webkit-transform: translate(-8.5px, 100%);
    -ms-transform: translate(-8.5px, 100%);
    transform: translate(-8.5px, 100%); } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .questionnaire .flex--col {
    width: 100%;
    margin-bottom: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case01 #sec01 .questionnaire .flex--col + .flex--col {
    border-width: 1px 0 0 0;
    padding-top: 4.6875%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 .item + .item {
    margin-top: 10.9375%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec02 .flex--col .count h2 {
    padding-left: 2em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec02 .flex--col .count h2 span {
    position: absolute;
    left: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec02 .flex--profile {
    border-width: 1px 0 0 0;
    padding: 10.9375% 0 0; }
    #products.events.case03 #sec02 .flex--profile figure {
      width: 60%;
      margin: 0 auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex {
    padding: 5.98592%; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex--col a {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex--col {
    width: 100%;
    padding-top: 7.8125%;
    padding-right: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex--product {
    width: 100%;
    border-width: 1px 0 0 0;
    padding: 7.8125% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex .thumb {
    width: 100% !important; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex01 .thumb {
    display: block; }
    #products.events.case03 #sec03 .flex01 .thumb figure + figure {
      margin-top: 1em; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex04 .flex--col {
    padding: 7.8125% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex04 .item {
    display: block;
    padding: 7.8125% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex04 .item + .item {
    margin-top: 0;
    display: block;
    padding: 7.8125% 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex04 .item--inr {
    width: 100%;
    padding-right: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex04 .item .thumb {
    width: 100%;
    padding-right: 0; } }

/* 8/1追記 ------------------------------------ */
@media (min-width: 0px) and (max-width: 767px) {
  #products.events.case03 #sec03 .flex04 .item .thumb.flex {
    display: block;
    width: 100%; }
  #products.events.case03 #sec03 .flex01 .thumb figure + figure {
    margin-left: 0; }
  #products.events.case03 #sec03 .flex04 .item .thumb.flex figure + figure {
    margin-left: 0;
    margin-top: 1em; }
  #products.events.case03 #sec03 .flex04 .item .thumb.flex img {
    width: 100%; } }

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.table_cell {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

/* clearfix */
.clearfix, #home #sec02 ul.list02 li .img {
  position: relative;
  *zoom: 1; }

#forteachers.activities #form #select .pages, #forteachers.pages.case04 .tbl-col {
  position: relative;
  *zoom: 1; }

#support.lessonmaterials .btn-r, #support.teachingmaterials .btn-r {
  position: relative;
  *zoom: 1; }

#products.index .list_box02 li a .img, #products.index.th #sec02 .list_box li a .img {
  position: relative;
  *zoom: 1; }

#products .manual .col-tbl__txt, #products.list .list_box02 li a .img, #products.cgreset .btn-r {
  position: relative;
  *zoom: 1; }

#software.customersupport #sec01 ul, #software.customersupport #sec03 ul {
  position: relative;
  *zoom: 1; }

#software.networklicense #sec01 ul, #software.networklicense #sec02 ul.step, #software.networklicense #sec03 ul.step, #software.networklicense #sec05 ul.step, #software.networklicense #sec03 .inr ul.step {
  position: relative;
  *zoom: 1; }

#requirements.subscription .openbox dl {
  position: relative;
  *zoom: 1; }

#fake #col03 .tbl, #fake #col04 .tbl {
  position: relative;
  *zoom: 1; }

#emulator.fx-82solar .col-tbl .col {
  position: relative;
  *zoom: 1; }

#classpadnet.materials #contents .item__wrap--list, #classpadnet.movie .mov__col--wrap {
  position: relative;
  *zoom: 1; }

#products.events.case03 #sec01 .flex01 .flex--col dl {
  position: relative;
  *zoom: 1; }

.clearfix:after, #home #sec02 ul.list02 li .img:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#forteachers.activities #form #select .pages:after, #forteachers.pages.case04 .tbl-col:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#support.lessonmaterials .btn-r:after, #support.teachingmaterials .btn-r:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#products.index .list_box02 li a .img:after, #products.index.th #sec02 .list_box li a .img:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#products .manual .col-tbl__txt:after, #products.list .list_box02 li a .img:after, #products.cgreset .btn-r:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#software.customersupport #sec01 ul:after, #software.customersupport #sec03 ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#software.networklicense #sec01 ul:after, #software.networklicense #sec02 ul.step:after, #software.networklicense #sec03 ul.step:after, #software.networklicense #sec05 ul.step:after, #software.networklicense #sec03 .inr ul.step:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#requirements.subscription .openbox dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#fake #col03 .tbl:after, #fake #col04 .tbl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#emulator.fx-82solar .col-tbl .col:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#classpadnet.materials #contents .item__wrap--list:after, #classpadnet.movie .mov__col--wrap:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

#products.events.case03 #sec01 .flex01 .flex--col dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

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

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.table_cell {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

/* clearfix */
.clearfix {
  position: relative;
  *zoom: 1; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

#forteachers.column .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3e3a39; }
  #forteachers.column .sns li {
    display: inline-block;
    text-align: center;
    margin: 0 0 0 10px; }
    #forteachers.column .sns li span {
      display: block;
      color: #3e3a39; }
      #forteachers.column .sns li span.common_icon {
        height: 20px;
        width: 30px;
        background-size: 30px;
        margin: auto;
        background-position: center center; }
      #forteachers.column .sns li span.tw_icon {
        font-size: 23px; }
      #forteachers.column .sns li span.fb_icon {
        font-size: 19px; }
      #forteachers.column .sns li span.gp_icon {
        font-size: 20px; }

#forteachers.column .column--data {
  text-align: center;
  margin-bottom: 2em; }

#forteachers.column .column--block {
  padding: 0 0 5% 5%; }
  @media (min-width: 0px) and (max-width: 767px) {
    #forteachers.column .column--block {
      padding: 0 !important; } }
  #forteachers.column .column--block + .column--block {
    padding: 5%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #forteachers.column .column--block + .column--block {
        padding: 0 !important;
        margin-top: 60px; } }

#forteachers.column .caption {
  text-align: center;
  width: 80%;
  text-align: center;
  margin: 0 auto; }

#forteachers.column .main--thumb {
  margin-bottom: 2em; }

#forteachers.column .t--center {
  text-align: center; }

#forteachers.column .t--indent {
  padding-left: 2em; }

#forteachers.column .sml {
  font-size: 73%; }

#forteachers.column .quote {
  background: #f2f2f2;
  padding: 5%; }

#forteachers.column .column--contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (min-width: 0px) and (max-width: 767px) {
    #forteachers.column .column--contents {
      display: block; } }

#forteachers.column .column--article {
  width: 82.71605%; }
  #forteachers.column .column--article p {
    margin-bottom: 1.5em; }
    #forteachers.column .column--article p + p {
      margin-top: 1.5em; }
  #forteachers.column .column--article h3 {
    margin-top: 1.5em;
    margin-bottom: .5em; }
  @media (min-width: 768px) {
    #forteachers.column .column--article .img_auto {
      margin: 0 auto;
      text-align: center; }
      #forteachers.column .column--article .img_auto img {
        max-width: 768px; } }

#forteachers.column .column--list {
  width: 17.28395%;
  min-width: 240px; }
  @media (min-width: 0px) and (max-width: 767px) {
    #forteachers.column .column--list {
      width: 100%;
      min-width: 100%;
      margin-top: 60px; }
      #forteachers.column .column--list h2 {
        text-align: center;
        font-size: 162% !important; } }
  #forteachers.column .column--list ul {
    margin-top: 1.5em; }
    @media (min-width: 0px) and (max-width: 767px) {
      #forteachers.column .column--list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    #forteachers.column .column--list ul li {
      border: 1px solid #CCC; }
      @media (min-width: 0px) and (max-width: 767px) {
        #forteachers.column .column--list ul li {
          margin: 0 0 20px !important; } }
      #forteachers.column .column--list ul li + li {
        margin-top: 20px; }
      @media (min-width: 0px) and (max-width: 767px) {
        #forteachers.column .column--list ul li {
          width: 48%; } }
      #forteachers.column .column--list ul li figure img {
        certical-align: top; }
      #forteachers.column .column--list ul li a {
        display: block; }
        #forteachers.column .column--list ul li a:hover .column--title {
          background: #1d2080;
          color: #FFF; }

#forteachers.column .column--title {
  padding: 10px; }

#forteachers.column.column01 .column--list li.column01 .column--title {
  background: #1d2080;
  color: #FFF; }

#forteachers.column.column01 .column--list li.column01 a {
  pointer-events: none; }

.bnr_app {
  background: #0c70cc;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .bnr_app.adjust {
    margin: 5.6338% 0; }
  .bnr_app a {
    border: 2px solid #FFF;
    padding: 15px;
    position: relative;
    color: #FFF;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .bnr_app a * {
      -ms-flex-negative: 0;
      flex-shrink: 0; }
  @media (min-width: 768px) {
    .bnr_app a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .bnr_app a:hover {
        opacity: 0.7; }
        .bnr_app a:hover .bnr_app--btn {
          background: #f7c000 !important;
          color: #333 !important;
          border: 2px solid #f7c000 !important; }
    .bnr_app--txt {
      width: calc(1180% / 1420 *100 - 27px);
      padding-right: 150px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .bnr_app--thumb {
      width: calc(240% / 1420 *100 - 27px);
      padding: 0 30px; }
    .bnr_app--logo {
      width: calc(520% / 1180 *100);
      margin-bottom: 10px; }
    .bnr_app--btn {
      position: absolute;
      right: 22px;
      bottom: 22px;
      background: #FFF !important;
      color: #0c70cc !important;
      border: 2px solid #FFF !important; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .bnr_app a {
      display: block;
      text-align: center; }
    .bnr_app--txt {
      position: relative;
      *zoom: 1; }
      .bnr_app--txt:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden; }
    .bnr_app--thumb {
      width: calc(326% / 640 *100 + 27px);
      padding: 0 30px;
      margin: 0 auto 10px; }
    .bnr_app--logo {
      width: calc(490% / 640 *100 + 27px);
      margin: 0 auto 10px; }
    .bnr_app p {
      margin-bottom: 10px; }
    .bnr_app--btn {
      float: right;
      background: #FFF !important;
      color: #333 !important;
      border: 2px solid #FFF !important; } }

.member_col {
  display: table;
  width: 100%;
  margin-bottom: 4.92%;
  background: #FFF;
  letter-spacing: normal; }
  .member_col .img, .member_col .txt {
    display: table-cell;
    vertical-align: middle; }
  .member_col .img {
    width: 23.94%;
    position: relative; }
  .member_col .txt {
    width: 76.06%;
    padding: 0 3.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .member_col .img:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    width: 0;
    height: 0;
    border-right: 20px solid #FFF;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    z-index: 3; }
  .member_col .txt p, .member_col .txt ul {
    display: inline-block; }
  .member_col .txt .btn {
    text-align: left;
    margin-left: 20px; }
    .member_col .txt .btn li {
      display: inline-block;
      text-align: center;
      margin-right: 20px; }
      .member_col .txt .btn li .btn_blu {
        display: table;
        background: #0458c4;
        width: auto;
        margin: 0 auto;
        position: relative;
        border-radius: 30px;
        padding: 5px 25px;
        font-size: 94%;
        color: #FFF;
        font-weight: bold;
        position: relative;
        min-width: 120px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }

@media (min-width: 0px) and (max-width: 767px) {
  .member_col .img, .member_col .txt {
    width: 100%;
    display: block;
    vertical-align: middle; } }

@media (min-width: 0px) and (max-width: 767px) {
  .member_col .txt {
    padding: 10% 5%; } }

@media (min-width: 0px) and (max-width: 767px) {
  .member_col .img:before {
    content: '';
    position: absolute;
    right: 50%;
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-right: -20px;
    width: 0;
    height: 0;
    border-top: transparent;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #FFF;
    z-index: 3; } }

@media (min-width: 0px) and (max-width: 767px) {
  .member_col .txt p, .member_col .txt ul {
    display: block; } }

@media (min-width: 0px) and (max-width: 767px) {
  .member_col .txt p {
    margin-bottom: 10px; } }

@media (min-width: 0px) and (max-width: 767px) {
  .member_col .txt .btn {
    margin-left: 0; }
    .member_col .txt .btn li {
      width: 46%;
      display: inline-block;
      text-align: center;
      margin: 0 2%; }
      .member_col .txt .btn li .btn_blu {
        display: table;
        background: #0458c4;
        width: auto;
        margin: 0 auto;
        position: relative;
        border-radius: 30px;
        padding: 5px 25px;
        font-size: 94%;
        color: #FFF;
        font-weight: bold;
        position: relative;
        min-width: 120px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }

.key01 span:before, .key02 span:before, .key03 span:before {
  content: '';
  display: inline-block;
  vertical-align: baseline;
  background-size: contain !important;
  width: 11px;
  height: 15px;
  position: relative;
  margin-right: 5px;
  top: 2px; }

.key01 span:before {
  background: url("../images/icon_member.png") no-repeat center left; }

.key02 span:before {
  background: url("../images/icon_signup.png") no-repeat center left; }

.key03 span:before {
  background: url("../images/icon_signin.png") no-repeat center left;
  top: 2px; }

.member_col .keybox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.member_col .keybox-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 390px; }

.member_col .key--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end; }
  .member_col .key--wrap ul .btn_more,
  .member_col .key--wrap ul #forteachers.portal .inr .btn_blank {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .member_col .key--wrap ul.btn02 {
    margin-left: 20px !important; }

#forteachers.portal .inr .member_col .key--wrap ul .btn_blank, .member_col .key--wrap ul #software .btn_blank, #software .member_col .key--wrap ul .btn_blank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.member_col .key {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .member_col .key .key01 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 10px; }
  .member_col .key .key--02 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ff962d;
    border-radius: 30px;
    text-align: center; }
    .member_col .key .key--02 .key02, .member_col .key .key--02 .key03 {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .member_col .key a {
    width: auto;
    position: relative;
    color: #FFF;
    padding: 5px 15px;
    display: block; }
  .member_col .key .key01 a {
    background: #ff962d;
    border-radius: 30px; }
  .member_col .key .key01 span:before {
    background: url("../images/icon_member.png") no-repeat center left; }
  .member_col .key .key02 {
    position: relative; }
    .member_col .key .key02:after {
      content: '';
      display: block;
      width: 1px;
      height: 15px;
      background: #ffb66c;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .member_col .key .key02 span:before {
      background: url("../images/icon_signup.png") no-repeat center left; }
  .member_col .key .key03 span:before {
    background: url("../images/icon_signin.png") no-repeat center left;
    top: 2px; }

.key--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin: 80px auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .key--list .key02, .key--list .key03 {
    margin: 0 20px;
    width: 275px;
    text-align: center; }
  .key--list a {
    position: relative;
    color: #FFF;
    border-radius: 36px;
    padding: 15px 36px;
    display: block;
    background: #ff962d; }

@media (min-width: 0px) and (max-width: 767px) {
  .member_col .key--wrap, .member_col .keybox {
    display: block; }
  .member_col .key--wrap-col, .member_col .keybox-col {
    min-width: auto; }
  .member_col .key--wrap ul.btn,
  .member_col .key--wrap ul.btn02 {
    text-align: center;
    margin-left: auto !important; }
  .member_col .key {
    padding: 0;
    margin: 6.25% 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center; }
    .member_col .key .key01 {
      margin-top: 0; }
    .member_col .key .key--02 {
      margin-top: 0;
      border-radius: 0 0 20px 20px; }
    .member_col .key .key01 {
      position: relative; }
      .member_col .key .key01 a {
        border-radius: 20px 20px 0 0; }
      .member_col .key .key01:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: #ffb66c;
        position: absolute;
        right: 0;
        bottom: 0; }
    .member_col .key .key02:after {
      content: '';
      width: 1px;
      height: 100%;
      right: 0;
      top: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
  .key--list {
    display: block;
    margin: 6.25% auto; }
    .key--list .key02, .key--list .key03 {
      width: 100%;
      margin: 6.25% 0; } }

.model__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto; }
  .model__list--02 {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: 5.31915% auto; }
    .model__list--02 li {
      width: 44%;
      text-align: center; }
      .model__list--02 li img {
        max-width: 280px;
        margin: 20px auto; }
      .model__list--02 li .btn {
        margin: 0 auto; }