@charset "utf-8";
/* CSS Document */
/* for common
======================================= */
h1, h2, h3, h4 {
  font-feature-settings: "palt";
}
@media (min-width: 641px) {
  /* for PC
======================================= */
  /* choose
--------------------------------------- */
  #choose-sec-study a:link {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 18px;
    line-height: 1.5;
  }
  #choose-sec-study a:visited {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 18px;
    line-height: 1.5;
  }
  #choose-sec-study a:hover {
    color: #FFFF00 !important;
  }
  #choose-sec-study a::before {
    content: url('/content/dam/casio/global/exword/brand/choose/arrow-right.png');
    margin-right: 5px;
    vertical-align: -3px;
  }
  #choose-sec-life a:link {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 18px;
    line-height: 1.5;
  }
  #choose-sec-life a:visited {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 18px;
    line-height: 1.5;
  }
  #choose-sec-life a:hover {
    color: #FFFF00 !important;
  }
  #choose-sec-life a::before {
    content: url('/content/dam/casio/global/exword/brand/choose/arrow-right.png');
    margin-right: 5px;
    vertical-align: -3px;
  }
  #choose-sec-products p {
    color: #fff;
  }
  #choose-sec-products a:link {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 18px;
    line-height: 1.5;
  }
  #choose-sec-products a:visited {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 18px;
    line-height: 1.5;
  }
  #choose-sec-products a:hover {
    color: #FFFF00 !important;
  }
  #choose-sec-products a::before {
    content: url('/content/dam/casio/global/exword/brand/choose/arrow-right.png');
    margin-right: 5px;
    vertical-align: -3px;
  }
  #choose-detail-contents {
    margin-right: 30px;
  }
  #choose-detail-contents h1 {
    font-size: 40px;
    font-weight: 400 !important;
    color: #268492;
    line-height: 1.3;
    margin-top: 0 !important;
  }
  #choose-detail-contents h3 {
    font-size: 24px;
    font-weight: 400 !important;
    line-height: 1.5;
    margin-bottom: 0 !important;
  }
  #choose-detail-contents p {
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 1.8;
  }
  /* lineup
--------------------------------------- */
  #lineup-header h1 {
    font-size: 44px;
    font-weight: 400;
    color: #003ebd;
    line-height: 1.3;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
  }
  #lineup-header h1::before {
    content: url(/content/dam/casio/global/exword/brand/lineup/h1_lineup.png);
    vertical-align: -15px;
    margin-right: 5px;
  }
  #lineup-header p {
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
  }
  #lineup-contents h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 40px;
    padding-bottom: 0;
  }
  /* functions
--------------------------------------- */
  #functions-header h1 {
    font-size: 44px;
    font-weight: 400;
    color: #003ebd;
    line-height: 1.3;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
  }
  #functions-header h1::before {
    content: url(/content/dam/casio/global/exword/brand/function/h1_functions.png);
    vertical-align: -15px;
    margin-right: 5px;
  }
  #functions-header h2 {
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    line-height: 1.3;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  #functions-header h2 i {
    font-size: 70%;
    font-style: normal !important;
    margin-right: 10px;
  }
  #functions-header p {
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
  }
  #functions-header a:link {
    color: #fff;
  }
  #functions-header a:visited {
    color: #fff;
  }
  #functions-header-common {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 10px solid #6972AD;
  }
  #functions-header-common h1 {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.3;
    color: #003ebd;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  #functions-header-common h1 i {
    font-size: 60%;
    font-style: normal !important;
    margin-right: 10px;
  }
  #functions-header-common p {
    font-size: 28px;
    font-weight: 400;
    color: #003ebd;
    line-height: 1.3;
    padding-bottom: 0;
    text-align: right !important;
    margin-top: 30px;
  }
  #functions-header-common p::before {
    content: url(/content/dam/casio/global/exword/brand/function/h1_functions_small.png);
    vertical-align: -5px;
    margin-right: 5px;
  }
  #functions-header-index {
    background-color: #6972AD;
  }
  #functions-header-detail {
    background-color: #6972AD;
  }
  #functions-detail-contents {
    margin-bottom: 60px;
  }
  #functions-contents p {
    margin-left: 30px;
    font-size: 16px;
    line-height: 1.6;
  }
  #functions-contents a:link {
    color: #003399;
    text-decoration: none;
  }
  #functions-contents a:visited {
    color: #003399;
    text-decoration: none;
  }
  #functions-contents a:hover {
    color: #003399;
    text-decoration: underline;
  }
  #functions-contents a::before {
    content: url(/content/dam/casio/global/exword/brand/common/arrow-right-blue.png);
    margin-right: 5px;
    vertical-align: -2px;
  }
  #functions-contents .cmp-separator__horizontal-rule {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  /* functions-sec01 ---------------- */
  #functions-sec01 {
    padding-top: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 2px dotted #2281BF;
  }
  #functions-sec01 h2 {
    color: #16547D;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 40px;
  }
  #functions-sec01 h3 {
    color: #16547D;
    margin-left: 30px;
    font-size: 20px;
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
  }
  /* functions-sec02 ---------------- */
  #functions-sec02 {
    padding-top: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 2px dotted #11806A;
  }
  #functions-sec02 h2 {
    color: #11806A;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 40px;
  }
  #functions-sec02 h3 {
    color: #11806A;
    margin-left: 30px;
    font-size: 20px;
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
  }
  #functions-sec02 h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6em;
    background-color: #11806A;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
  }
  /* functions-sec03 ---------------- */
  #functions-sec03 {
    padding-top: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 2px dotted #ba9821;
  }
  #functions-sec03 h2 {
    color: #ba9821;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 40px;
  }
  #functions-sec03 h3 {
    color: #ba9821;
    margin-left: 30px;
    font-size: 20px;
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
  }
  #functions-sec03 h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6em;
    background-color: #ba9821;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
  }
  /* functions-sec04 ---------------- */
  #functions-sec04 {
    padding-top: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 2px dotted #c41f1f;
  }
  #functions-sec04 h2 {
    color: #c41f1f;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 40px;
  }
  #functions-sec04 h3 {
    color: #c41f1f;
    margin-left: 30px;
    font-size: 20px;
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
  }
  #functions-sec04 h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6em;
    background-color: #c41f1f;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
  }
  /* functions-sec05 ---------------- */
  #functions-sec05 {
    padding-top: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 2px dotted #d0318c;
  }
  #functions-sec05 h2 {
    color: #d0318c;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 40px;
  }
  #functions-sec05 h3 {
    color: #d0318c;
    margin-left: 30px;
    font-size: 20px;
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
  }
  #functions-sec05 h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6em;
    background-color: #d0318c;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
  }
  /* functions-detail-contents ---------------- */
  #functions-detail-contents h2 {
    color: #1C3EBD;
    font-size: 28px;
    line-height: 1.4;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #functions-detail-contents h3 {
    color: #1C3EBD;
    font-size: 24px;
    line-height: 1.4;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  #functions-detail-contents h4 {
    font-size: 20px;
    line-height: 1.4;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #eee;
    margin-top: 10px !important;
  }
  #functions-detail-contents h5 {
    font-size: 18px;
    line-height: 1.4;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  #functions-detail-contents h5::before {
    content: "■";
    color: #1C3EBD;
    margin-right: 3px;
  }
  #functions-detail-contents p {
    font-size: 16px;
    line-height: 1.8;
    padding-left: 20px;
    padding-right: 20px;
  }
  #functions-detail-contents img {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #functions-detail-contents .cmp-separator {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }
  #functions-detail-contents #dic05 img {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #functions-detail-contents u {
    color: #CC0000;
    text-decoration: none !important;
  }
  #functions-detail-contents-table .default-table {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 16px;
    line-height: 1.5;
  }
  #functions-detail-contents-table .default-table th {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px;
    background-color: #f6f6f6;
    text-align: center;
  }
  #functions-detail-contents-table .default-table td {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px;
    text-align: center;
  }
  .projector-list {
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }
  .projector-list dl {
    width: 100%;
    font-size: 18px;
    line-height: 1.6;
    color: #333;
  }
  .projector-list dt {
    width: 11em;
    font-weight: 700;
    float: left;
  }
  .projector-list dd {
    margin-bottom: 1em;
    padding-left: 11em;
    font-weight: 400;
  }
}
/* for SP
======================================= */
@media (max-width: 640px) {
  /* choose
--------------------------------------- */
  #choose-sec-study a:link {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
    line-height: 1.5;
  }
  #choose-sec-study a:visited {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
    line-height: 1.5;
  }
  #choose-sec-study a:hover {
    color: #FFFF00 !important;
  }
  #choose-sec-study a::before {
    content: url('/content/dam/casio/global/exword/brand/choose/arrow-right-sp.png');
    margin-right: 3px;
    vertical-align: -2px;
  }
  #choose-sec-life a:link {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
    line-height: 1.5;
  }
  #choose-sec-life a:visited {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
    line-height: 1.5;
  }
  #choose-sec-life a:hover {
    color: #FFFF00 !important;
  }
  #choose-sec-life a::before {
    content: url('/content/dam/casio/global/exword/brand/choose/arrow-right-sp.png');
    margin-right: 3px;
    vertical-align: -2px;
  }
  #choose-sec-products p {
    color: #fff;
  }
  #choose-sec-products a:link {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
    line-height: 1.5;
  }
  #choose-sec-products a:visited {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
    line-height: 1.5;
  }
  #choose-sec-products a:hover {
    color: #FFFF00 !important;
  }
  #choose-sec-products a::before {
    content: url('/content/dam/casio/global/exword/brand/choose/arrow-right-sp.png');
    margin-right: 3px;
    vertical-align: -2px;
  }
  #choose-detail-contents h1 {
    font-size: 32px;
    font-weight: 400 !important;
    color: #268492;
    line-height: 1.3;
    margin-top: 0 !important;
  }
  #choose-detail-contents h3 {
    font-size: 20px;
    font-weight: 400 !important;
    line-height: 1.5;
    margin-bottom: 0 !important;
  }
  #choose-detail-contents p {
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  /* lineup
--------------------------------------- */
  #lineup-header h1 {
    font-size: 36px;
    font-weight: 400;
    color: #003ebd;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  #lineup-header h1::before {
    content: url(/content/dam/casio/global/exword/brand/lineup/h1_lineup.png);
    vertical-align: -10px;
    margin-right: 5px;
  }
  #lineup-header p {
    font-size: 18px;
    color: #fff;
    line-height: 1.6;
  }
  #lineup-contents h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 20px;
    padding-bottom: 0;
  }
  /* functions
--------------------------------------- */
  #functions-header h1 {
    font-size: 36px;
    font-weight: 400;
    color: #003ebd;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  #functions-header h1::before {
    content: url(/content/dam/casio/global/exword/brand/function/h1_functions.png);
    vertical-align: -10px;
    margin-right: 5px;
  }
  #functions-header h2 {
    font-size: 24px;
    font-weight: 400;
    color: #fff !important;
    line-height: 1.3;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  #functions-header h2 i {
    font-size: 70%;
    font-style: normal !important;
    margin-right: 10px;
  }
  #functions-header p {
    font-size: 18px;
    color: #fff;
    line-height: 1.6;
  }
  #functions-header a:link {
    color: #fff;
  }
  #functions-header a:visited {
    color: #fff;
  }
  #functions-header-common {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 5px solid #6972AD;
  }
  #functions-header-common h1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.2;
    color: #003ebd;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  #functions-header-common h1 i {
    font-weight: 400;
    font-size: 50%;
    font-style: normal !important;
  }
  #functions-header-common p {
    font-size: 28px;
    font-weight: 400;
    color: #003ebd;
    line-height: 1.3;
    padding-bottom: 10px;
    text-align: center !important;
    margin-top: 20px;
    border-bottom: 1px solid #CCCCCC;
  }
  #functions-header-common p::before {
    content: url(/content/dam/casio/global/exword/brand/function/h1_functions_small.png);
    vertical-align: -5px;
    margin-right: 5px;
  }
  #functions-header-index {
    background-color: #6972AD;
  }
  #functions-header-detail {
    background-color: #6972AD;
  }
  #functions-detail-contents {
    margin-bottom: 40px;
  }
  #functions-contents p {
    font-size: 16px;
    line-height: 1.6;
  }
  #functions-contents a:link {
    color: #003399;
    text-decoration: none;
  }
  #functions-contents a:visited {
    color: #003399;
    text-decoration: none;
  }
  #functions-contents a:hover {
    color: #003399;
    text-decoration: underline;
  }
  #functions-contents a::before {
    content: url(/content/dam/casio/global/exword/brand/common/arrow-right-blue.png);
    margin-right: 5px;
    vertical-align: -2px;
  }
  #functions-contents .cmp-separator__horizontal-rule {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  /* functions-sec01 ---------------- */
  #functions-sec01 {
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    border-top: 2px dotted #2281BF;
  }
  #functions-sec01 h2 {
    color: #16547D;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 40px;
  }
  #functions-sec01 h3 {
    color: #16547D;
    font-size: 20px;
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  /* functions-sec02 ---------------- */
  #functions-sec02 {
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    border-top: 2px dotted #11806A;
  }
  #functions-sec02 h2 {
    color: #11806A;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 40px;
  }
  #functions-sec02 h3 {
    color: #11806A;
    font-size: 20px;
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #functions-sec02 h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6em;
    background-color: #11806A;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
  }
  /* functions-sec03 ---------------- */
  #functions-sec03 {
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    border-top: 2px dotted #ba9821;
  }
  #functions-sec03 h2 {
    color: #ba9821;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 40px;
  }
  #functions-sec03 h3 {
    color: #ba9821;
    font-size: 20px;
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #functions-sec03 h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6em;
    background-color: #ba9821;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
  }
  /* functions-sec04 ---------------- */
  #functions-sec04 {
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    border-top: 2px dotted #c41f1f;
  }
  #functions-sec04 h2 {
    color: #c41f1f;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 40px;
  }
  #functions-sec04 h3 {
    color: #c41f1f;
    font-size: 20px;
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #functions-sec04 h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6em;
    background-color: #c41f1f;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
  }
  /* functions-sec05 ---------------- */
  #functions-sec05 {
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    border-top: 2px dotted #d0318c;
  }
  #functions-sec05 h2 {
    color: #d0318c;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 40px;
  }
  #functions-sec05 h3 {
    color: #d0318c;
    font-size: 20px;
    line-height: 1.6;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  #functions-sec05 h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6em;
    background-color: #d0318c;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
  }
  /* functions-detail-contents ---------------- */
  #functions-detail-contents h2 {
    color: #1C3EBD;
    font-size: 24px;
    line-height: 1.4;
    padding-top: 10px;
  }
  #functions-detail-contents h3 {
    font-size: 20px;
    color: #1C3EBD;
    line-height: 1.4;
    padding-top: 0;
  }
  #functions-detail-contents h4 {
    font-size: 18px;
    line-height: 1.4;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #eee;
    margin-bottom: 20px;
  }
  #functions-detail-contents h5 {
    font-size: 18px;
    line-height: 1.4;
    padding-top: 0;
  }
  #functions-detail-contents h5::before {
    content: "■";
    color: #1C3EBD;
    margin-right: 3px;
  }
  #functions-detail-contents p {
    font-size: 16px;
    line-height: 1.8;
  }
  #functions-detail-contents img {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #functions-detail-contents #dic05 img {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #functions-detail-contents u {
    color: #CC0000;
    text-decoration: none !important;
  }
  #functions-detail-contents-table .default-table {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 12px;
    line-height: 1.5;
  }
  #functions-detail-contents-table .default-table th {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 7px;
    background-color: #f6f6f6;
    text-align: center;
  }
  #functions-detail-contents-table .default-table td {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 7px;
    text-align: center;
  }
  .projector-list {
    width: 100%;
  }
  .projector-list dl {
    width: 100%;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
  }
  .projector-list dt {
    font-weight: 700;
  }
  .projector-list dd {
    margin-bottom: 1em;
  }
}
/* added on 2024.10.10
======================================= */
/* common
======================================= */
.arrow-r::before {
  content: url(/content/dam/casio/global/exword/brand/common/angle-right-solid.png);
  margin-right: 3px;
  margin-left: 2px;
}
@media (min-width: 641px) {
  /* for PC
======================================= */
  /* search
--------------------------------------- */
  #search-contents p {
    font-size: 18px !important;
    line-height: 1.8 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #search-header h1 {
    font-size: 44px;
    font-weight: 400;
    color: #003ebd;
    line-height: 1.3;
    padding-top: 40px;
    padding-bottom: 30px;
  }
  #search-header h1::before {
    content: url(/content/dam/casio/global/exword/brand/search/search-h101.png);
    vertical-align: -15px;
    margin-right: 10px;
  }
  #search-header p {
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
  }
  #search-header-title {
    background-image: url(/content/dam/casio/global/exword/brand/search/head_bg.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .search-navi-2nd {
    display: flex;
    flex-wrap: wrap;
  }
  .search-navi-2nd a:link {
    color: #666;
    text-decoration: none !important;
  }
  .search-navi-2nd a:visited {
    color: #666;
    text-decoration: none !important;
  }
  .search-navi-2nd .btn-navi2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2em;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10PX;
    line-height: 1;
    border: 1px solid #366DB4;
    border-radius: 1em;
    margin-right: 0.7em;
    margin-bottom: 0.7em;
    background-color: #f6f6f6;
    font-weight: 500;
  }
  .search-navi-2nd .actv {
    background-color: #003EBD;
    color: #fff !important;
  }
  .search-navi-2nd .btn-navi2nd:hover {
    background-color: #9DBDFF;
  }
  #anchor01 {
    padding-top: 160px;
    margin-top: -80px;
  }
  #anchor02, #anchor04, #anchor05, #anchor06, #anchor07, #anchor08, #anchor09, #anchor11, #anchor12, #anchor13, #anchor14 {
    padding-top: 80px;
  }
  #sec-genius {
    padding: 40px;
  }
  #sec-genius-title h2 {
    font-size: 32px;
    line-height: 1.4 !important;
    margin: 0;
    padding: 0;
  }
  #sec-genius-title h2 i {
    font-size: 24px;
    font-weight: 400 !important;
    font-style: normal !important;
  }
  #sec-genius h3 {
    font-size: 24px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }
  #sec-genius h4 {
    font-size: 20px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }
  #sec-genius ul {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 1.5em !important;
  }
  #sec-genius li {
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #sec-genius h3::before {
    content: "■";
    color: #013EBD;
    margin-right: 0.2em;
  }
  #sec-genius-title {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
    border-radius: 10px;
  }
  #dic-ph-genius {
    padding-right: 30px;
  }
  #sec-kojien {
    padding: 40px;
  }
  #sec-kojien-title h2 {
    font-size: 32px;
    line-height: 1.4 !important;
    margin: 0;
    padding: 0;
  }
  #sec-kojien-title h2 i {
    font-size: 24px;
    font-weight: 400 !important;
    font-style: normal !important;
  }
  #sec-kojien h3 {
    font-size: 24px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }
  #sec-kojien h4 {
    font-size: 20px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }
  #sec-kojien ul {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 1.5em !important;
  }
  #sec-kojien li {
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #sec-kojien h3::before {
    content: "■";
    color: #013EBD;
    margin-right: 0.2em;
  }
  #sec-kojien-title {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
    border-radius: 10px;
  }
  #dic-ph-kojien {
    padding-right: 30px;
  }
  #sec03 h2, #sec05 h2, #sec06 h2, #sec07 h2, #sec08 h2, #sec09 h2, #sec10 h2, #sec11 h2, #sec12 h2, #sec13 h2, #sec14 h2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 32px !important;
    color: #075F49;
    font-weight: 400;
    line-height: 1.3 !important;
    padding: 10px;
    border: 2px solid #0EAC84;
    border-radius: 10px;
  }
  #search-contents #sec03 h3, #search-contents #sec04 h3, #search-contents #sec05 h3, #search-contents #sec06 h3, #search-contents #sec07 h3, #search-contents #sec08 h3, #search-contents #sec09 h3, #search-contents #sec10 h3, #search-contents #sec11 h3, #search-contents #sec12 h3, #search-contents #sec13 h3, #search-contents #sec14 h3 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px !important;
    color: #fff;
    font-weight: 400;
    line-height: 1.3 !important;
    background-color: #0EAC84;
    padding: 10px;
    border-radius: 10px;
  }
  #search-contents #sec03 h3 i, #search-contents #sec04 h3 i, #search-contents #sec05 h3 i, #search-contents #sec06 h3 i, #search-contents #sec07 h3 i, #search-contents #sec08 h3 i, #search-contents #sec09 h3 i, #search-contents #sec10 h3 i, #search-contents #sec11 h3 i, #search-contents #sec12 h3 i, #search-contents #sec13 h3 i, #search-contents #sec14 h3 i {
    color: #ffff00;
    font-weight: 400;
    margin-right: 10px;
    font-style: normal !important;
  }
  #search-contents #sec05 h4, #search-contents #sec06 h4, #search-contents #sec07 h4, #search-contents #sec08 h4, #search-contents #sec09 h4, #search-contents #sec10 h4, #search-contents #sec11 h4, #search-contents #sec12 h4, #search-contents #sec13 h4, #search-contents #sec14 h4 {
    width: 100%;
    font-size: 24px !important;
    font-weight: 700;
    line-height: 1.4 !important;
  }
  #search-contents #sec04 h4::before, #search-contents #sec05 h4::before, #search-contents #sec06 h4::before, #search-contents #sec07 h4::before, #search-contents #sec08 h4::before, #search-contents #sec09 h4::before, #search-contents #sec10 h4::before, #search-contents #sec11 h4::before, #search-contents #sec12 h4::before, #search-contents #sec13 h4::before, #search-contents #sec14 h4::before {
    content: "■";
    color: #0EAC84;
    margin-right: 0.2em;
  }
  /* study
--------------------------------------- */
  #study-contents p {
    font-size: 18px !important;
    line-height: 1.8 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #study-header h1 {
    font-size: 44px;
    font-weight: 400;
    color: #003ebd;
    line-height: 1.3;
    padding-top: 40px;
    padding-bottom: 30px;
  }
  #study-header h1::before {
    content: url(/content/dam/casio/global/exword/brand/study/study_h101.png);
    vertical-align: -15px;
    margin-right: 10px;
  }
  #study-header p {
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
  }
  #study-header-title {
    background-image: url(/content/dam/casio/global/exword/brand/study/head_bg.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .study-navi-2nd {
    display: flex;
    flex-wrap: wrap;
  }
  .study-navi-2nd a:link {
    color: #666;
    text-decoration: none !important;
  }
  .study-navi-2nd a:visited {
    color: #666;
    text-decoration: none !important;
  }
  .study-navi-2nd .btn-navi2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2em;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10PX;
    line-height: 1;
    border: 1px solid #366DB4;
    border-radius: 1em;
    margin-right: 0.7em;
    margin-bottom: 0.7em;
    background-color: #f6f6f6;
    font-weight: 500;
  }
  .study-navi-2nd .actv {
    background-color: #003EBD;
    color: #fff !important;
  }
  .study-navi-2nd .btn-navi2nd:hover {
    background-color: #9DBDFF;
  }
  #anchor01 {
    padding-top: 160px;
    margin-top: -80px;
  }
  #anchor02, #anchor03, #anchor04 {
    padding-top: 80px;
  }
  #study-contents h2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
    font-weight: 400;
    line-height: 1.3;
    background-color: #0EAC84;
    padding: 10px;
    border-radius: 10px;
  }
  #study-contents h3 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    padding-bottom: 0;
  }
  #study-contents h4 {
    font-size: 24px;
    color: #0EAC84;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: 2px solid #83A527;
  }
  #study-contents h5 {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
    #study-contents #kakomi01 {
      padding-top:   
    }
  #study-contents #kakomi01 h3 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 5px;
    background-color: #84B510;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    border-radius: 8px;
  }
    #sec-message {
        background-color: #F4F5F8;
        padding: 30px;
    }
}
/* for SP
======================================= */
@media (max-width: 640px) {
  /* search
--------------------------------------- */
  .switch-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #search-contents p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    padding-bottom: 0 !important;
    margin-bottom: 20px;
  }
  #search-header h1 {
    font-size: 36px;
    font-weight: 400;
    color: #003ebd;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  #search-header h1::before {
    content: url(/content/dam/casio/global/exword/brand/search/search-h101.png);
    vertical-align: -10px;
    margin-right: 5px;
  }
  #search-header p {
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
  }
  .search-navi-2nd {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .search-navi-2nd a:link {
    color: #666;
    text-decoration: none !important;
  }
  .search-navi-2nd a:visited {
    color: #666;
    text-decoration: none !important;
  }
  .search-navi-2nd .btn-navi2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2em;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8PX;
    line-height: 1;
    border: 1px solid #366DB4;
    border-radius: 1em;
    margin-right: 0.7em;
    margin-bottom: 1em;
    background-color: #f6f6f6;
    font-weight: 500;
  }
  .search-navi-2nd .actv {
    background-color: #003EBD;
    color: #fff !important;
  }
  #anchor01 {
    padding-top: 140px;
    margin-top: -140px;
  }
  #anchor02, #anchor04, #anchor05, #anchor06, #anchor07, #anchor08, #anchor09, #anchor11, #anchor12, #anchor13, #anchor14 {
    padding-top: 40px;
  }
  #sec-genius {
    padding: 20px;
  }
  #sec-genius-title {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
  }
  #sec-genius-title h2 {
    font-size: 24px;
    line-height: 1.3 !important;
    margin: 0;
    padding: 0;
  }
  #sec-genius-title h2 i {
    font-size: 18px;
    font-weight: 400 !important;
    font-style: normal !important;
  }
  #sec-genius h3 {
    font-size: 20px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }
  #sec-genius h4 {
    font-size: 18px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }
  #sec-genius ul {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 1.5em !important;
  }
  #sec-genius li {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #sec-genius h3::before {
    content: "■";
    color: #013EBD;
    margin-right: 0.2em;
  }
  #sec-kojien {
    padding: 20px;
  }
  #sec-kojien-title {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
  }
  #sec-kojien-title h2 {
    font-size: 24px;
    line-height: 1.3 !important;
    margin: 0;
    padding: 0;
  }
  #sec-kojien-title h2 i {
    font-size: 18px;
    font-weight: 400 !important;
    font-style: normal !important;
  }
  #sec-kojien h3 {
    font-size: 20px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }
  #sec-kojien h4 {
    font-size: 18px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }
  #sec-kojien ul {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 1.5em !important;
  }
  #sec-kojien li {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #sec-kojien h3::before {
    content: "■";
    color: #013EBD;
    margin-right: 0.2em;
  }
  #sec03 h2, #sec05 h2, #sec06 h2, #sec07 h2, #sec08 h2, #sec09 h2, #sec10 h2, #sec11 h2, #sec12 h2, #sec13 h2, #sec14 h2 {
    width: 94%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 32px !important;
    color: #075F49;
    font-weight: 400;
    line-height: 1.3 !important;
    padding: 10px;
    border: 2px solid #0EAC84;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  #search-contents #sec03 h3, #search-contents #sec04 h3, #search-contents #sec05 h3, #search-contents #sec06 h3, #search-contents #sec07 h3, #search-contents #sec08 h3, #search-contents #sec09 h3, #search-contents #sec10 h3, #search-contents #sec11 h3, #search-contents #sec12 h3, #search-contents #sec13 h3, #search-contents #sec14 h3 {
    width: 94%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 20px !important;
    color: #fff;
    font-weight: 400;
    line-height: 1.3 !important;
    background-color: #0EAC84;
    padding: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  #search-contents #sec03 h3 i, #search-contents #sec04 h3 i, #search-contents #sec05 h3 i, #search-contents #sec06 h3 i, #search-contents #sec07 h3 i, #search-contents #sec08 h3 i, #search-contents #sec09 h3 i, #search-contents #sec10 h3 i, #search-contents #sec11 h3 i, #search-contents #sec12 h3 i, #search-contents #sec13 h3 i, #search-contents #sec14 h3 i {
    color: #ffff00;
    font-weight: 400;
    margin-right: 10px;
    font-style: normal !important;
  }
  #search-contents #sec05 h4, #search-contents #sec06 h4, #search-contents #sec07 h4, #search-contents #sec08 h4, #search-contents #sec09 h4, #search-contents #sec10 h4, #search-contents #sec11 h4, #search-contents #sec12 h4, #search-contents #sec13 h4, #search-contents #sec14 h4 {
    width: 100%;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.4 !important;
  }
  #search-contents #sec04 h4::before, #search-contents #sec05 h4::before, #search-contents #sec06 h4::before, #search-contents #sec07 h4::before, #search-contents #sec08 h4::before, #search-contents #sec09 h4::before, #search-contents #sec10 h4::before, #search-contents #sec11 h4::before, #search-contents #sec12 h4::before, #search-contents #sec13 h4::before, #search-contents #sec14 h4::before {
    content: "■";
    color: #0EAC84;
    margin-right: 0.2em;
  }
  /* study
--------------------------------------- */
  .switch-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #study-contents p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    padding-bottom: 0 !important;
    margin-bottom: 20px;
  }
  #study-header {
    margin-bottom: 40px;
  }
  #study-header h1 {
    font-size: 36px;
    font-weight: 400;
    color: #003ebd;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  #study-header h1::before {
    content: url(/content/dam/casio/global/exword/brand/study/study_h101.png);
    vertical-align: -10px;
    margin-right: 5px;
  }
  #study-header p {
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
  }
  .study-navi-2nd {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .study-navi-2nd a:link {
    color: #666;
    text-decoration: none !important;
  }
  .study-navi-2nd a:visited {
    color: #666;
    text-decoration: none !important;
  }
  .study-navi-2nd .btn-navi2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2em;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8PX;
    line-height: 1;
    border: 1px solid #366DB4;
    border-radius: 1em;
    margin-right: 0.7em;
    margin-bottom: 1em;
    background-color: #f6f6f6;
    font-weight: 500;
  }
  .study-navi-2nd .actv {
    background-color: #003EBD;
    color: #fff !important;
  }
  #anchor01 {
    padding-top: 140px;
    margin-top: -140px;
  }
  #anchor02, #anchor04, #anchor06, #anchor07, #anchor08, #anchor09, #anchor11, #anchor12, #anchor13, #anchor14 {
    padding-top: 40px;
  }
  #study-contents #sec01 h2, #study-contents #sec02 h2, #study-contents #sec03 h2, #study-contents #sec04 h2 {
    width: 94%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 20px !important;
    color: #fff;
    font-weight: 400;
    line-height: 1.3 !important;
    background-color: #0EAC84;
    padding: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  #study-contents #sec01 h3, #study-contents #sec02 h3, #study-contents #sec03 h3, #study-contents #sec04 h3 {
    width: 100%;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1.4 !important;
      padding-bottom: 5px;
      padding-top: 10px;
  }
  #study-contents h4 {
    font-size: 20px;
    color: #0EAC84;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: 2px solid #83A527;
  }
  #study-contents h5 {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
    #study-contents #kakomi01 {
      padding-top:30px;
        margin-bottom: 60px;
    }
  #study-contents #kakomi01 h3 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 5px;
    background-color: #84B510;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    border-radius: 8px;
  }
    #sec-message {
        background-color: #F4F5F8;
        padding: 20px;
    }
}