@charset "utf-8";html {width: 100%; }html.open {overflow: hidden; }html.open body {overflow: hidden; }html.open #bg {opacity: 0.8 !important;visibility: visible !important; }body {width: 100%; }body a:hover > img, body .btn input:hover {-webkit-font-smoothing: antialiased;text-decoration: none;opacity: 0.6; }html.ios body a:hover > img, html.ios body .btn input:hover {opacity: 1; }body [class^="grid_"].clearFix {float: none;margin-left: auto;margin-right: auto; }body .innerL {width: 1210px; }body .innerM {width: 1000px; }body .innerS {width: 800px; }body [class^="inner"] {max-width: 100%;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px; }body [class^="inner"] [class^="inner"] {padding-left: 0;padding-right: 0; }body .clearFix {display: block; }body .clearFix:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }body .flex {-js-display: flex;display: flex;flex-wrap: wrap; }@media screen and (max-width: 768px) {body .pc {display: none; } }@media (min-width: 769px) {body .sp {display: none !important; } }@media screen and (max-width: 768px) {body .spLs-5 {letter-spacing: -0.05em; } }body #wrapper {position: relative;min-height: 100vh;overflow: hidden; }body #wrapper #header {padding: 20px 0; }body #wrapper #header #logo {float: left;width: 480px; }@media screen and (max-width: 896px) {body #wrapper #header #logo {width: 80%; } }body #wrapper #header #logo a {display: block;width: 100%; }body #wrapper #header #logout {float: right;width: 100px;text-align: center; }@media screen and (max-width: 896px) {body #wrapper #header #logout {display: none; } }body #wrapper #header #logout a {display: block;line-height: 30px;border: #e5555d 1px solid;border-radius: 5px;color: #e5555d; }body #wrapper #header #logout a:hover {text-decoration: none;background-color: #e5555d;color: #fff; }body #wrapper #header #bg {display: none; }@media screen and (max-width: 896px) {body #wrapper #header #bg {display: block;position: fixed;width: 100%;height: 100vh;top: 0;left: 0;background-color: #333;visibility: hidden;opacity: 0;cursor: pointer;transition: all 0.5s;z-index: 99; } }body #wrapper #gNavi {margin-bottom: 40px;background-color: #fafafa; }@media screen and (max-width: 896px) {body #wrapper #gNavi {position: fixed;z-index: 2000;right: -300px;top: 0;display: block;width: 300px;height: 100vh;margin: 0;padding-top: 60px;transition: all 0.5s;overflow-y: auto;background-color: #fff;-webkit-overflow-scrolling: touch; }body #wrapper #gNavi.open {right: 0; } }body #wrapper #gNavi > ul {font-size: 0px;text-align: left;letter-spacing: -0.4em;width: 1210px;max-width: none;overflow: hidden; }body #wrapper #gNavi > ul > * {display: inline-block;font-size: 14px;letter-spacing: 0;vertical-align: top; }body #wrapper #gNavi > ul > * * {letter-spacing: 0; }@media screen and (max-width: 896px) {body #wrapper #gNavi > ul {width: 100%;height: 100%;overflow-y: auto; } }body #wrapper #gNavi > ul > li {position: relative; }@media (min-width: 896px) {body #wrapper #gNavi > ul > li:before, body #wrapper #gNavi > ul > li:after {content: '';position: absolute;display: block;width: 0;height: 0;margin: auto;top: 0;right: 0;border: transparent 30px solid;border-left: #e1e1e1 15px solid; }body #wrapper #gNavi > ul > li:before {border-left-color: #e1e1e1;right: -44px; }body #wrapper #gNavi > ul > li:after {border-left-color: #fafafa;right: -42px; }body #wrapper #gNavi > ul > li:last-child:before, body #wrapper #gNavi > ul > li:last-child:after {content: none; }body #wrapper #gNavi > ul > li.active:before, body #wrapper #gNavi > ul > li:hover:before {border-left-color: #e5555d; } }@media screen and (max-width: 896px) {body #wrapper #gNavi > ul > li {display: block;width: 100%;border-top: 1px #e1e1e1 solid; }body #wrapper #gNavi > ul > li:last-child {border-bottom: 1px #e1e1e1 solid; } }@media (min-width: 896px) {body #wrapper #gNavi > ul > li:first-child a {padding: 18px 30px 16px; } }body #wrapper #gNavi > ul > li > a {position: relative;display: block;padding: 18px 26px 16px 37px;border-bottom: transparent 2px solid;font-weight: bold;letter-spacing: 0.05em;z-index: 100; }@media screen and (max-width: 1180px) {body #wrapper #gNavi > ul > li > a {padding-left: 35px;padding-right: 20px; } }body #wrapper #gNavi > ul > li > a:hover, body #wrapper #gNavi > ul > li > a.current {color: #e5555d;border-bottom-color: #e5555d;text-decoration: none; }@media screen and (max-width: 896px) {body #wrapper #gNavi > ul > li > a {display: block;padding: 10px 15px; } }body #wrapper #menuBtn {display: none; }@media screen and (max-width: 896px) {body #wrapper #menuBtn {position: absolute;display: block;width: 50px;height: 50px;right: 0;top: 5px;transition: all 0.5s;z-index: 9999; } }body #wrapper #menuBtn i {position: absolute;display: block;width: 24px;height: 2px;left: 0;right: 0;margin: auto;background-color: #e5555d;transition: all 0.5s; }body #wrapper #menuBtn i:nth-child(1) {top: 11px;transform-origin: left top; }body #wrapper #menuBtn i:nth-child(2) {top: 19px; }body #wrapper #menuBtn i:nth-child(3) {top: 27px;transform-origin: left bottom; }body #wrapper #menuBtn:after {content: "MENU";position: absolute;display: block;bottom: 5px;width: 100%;color: #e5555d;font-size: 10px;font-weight: bold;text-align: center;line-height: 1;-webkit-transform: scale(0.7);transform: scale(0.7); }body #wrapper #menuBtn.open i:nth-child(2) {opacity: 0; }body #wrapper #menuBtn.open i:nth-child(1) {left: 8px;transform: rotate(45deg); }body #wrapper #menuBtn.open i:nth-child(3) {left: 8px;transform: rotate(-45deg); }body #wrapper #content .ttl02 {position: relative;margin: 0 0 40px 30px;padding: 0 0 8px;border-bottom: #e5555d 1px solid;color: #e5555d;font-size: 30px;font-weight: bold; }@media screen and (max-width: 896px) {body #wrapper #content .ttl02 {margin: 0 0 35px 20px;font-size: 20px; } }body #wrapper #content .ttl02:before {content: "";position: absolute;display: block;width: 10px;background-color: #e5555d;height: 100%;left: -30px;top: 0;letter-spacing: 0.1em; }@media screen and (max-width: 896px) {body #wrapper #content .ttl02:before {width: 5px;left: -20px; } }body #wrapper #content .col3 {font-size: 0px;text-align: left;letter-spacing: -0.4em; }body #wrapper #content .col3 > * {display: inline-block;font-size: 14px;letter-spacing: 0;vertical-align: top; }body #wrapper #content .col3 > * * {letter-spacing: 0; }body #wrapper #content .col3 article {width: 32.20339%;margin-right: 1.69492%; }@media screen and (max-width: 896px) {body #wrapper #content .col3 article {width: 48%;margin-right: 4%; } }@media (min-width: 896px) {body #wrapper #content .col3 article:nth-child(3n) {margin-right: 0; } }@media screen and (max-width: 896px) {body #wrapper #content .col3 article:nth-child(2n) {margin-right: 0; } }@media screen and (max-width: 896px) {body #wrapper #content .col3 article:nth-child(n+3) {margin-top: 30px; } }body #wrapper #content .col3 article .chapter {position: relative;width: 50px;margin-bottom: 5px;color: #e5555d;font-weight: bold;font-family: Arial, Helvetica, "sans-serif";line-height: 1; }@media screen and (max-width: 896px) {body #wrapper #content .col3 article .chapter {width: 40px;margin-bottom: 4px;font-size: 10px; } }body #wrapper #content .col3 article .chapter i {display: block;margin-top: 2px;font-size: 50px; }@media screen and (max-width: 896px) {body #wrapper #content .col3 article .chapter i {font-size: 32px; } }body #wrapper #content .col3 article .chapter i span {font-size: 30px; }@media screen and (max-width: 896px) {body #wrapper #content .col3 article .chapter i span {font-size: 20px; } }body #wrapper #content .col3 article .chapter.long_cp {width: 100%; }body #wrapper #content .col3 article .chapter.long_cp + a:before {width: 74%; }@media screen and (max-width: 896px) {body #wrapper #content .col3 article .chapter.long_cp + a:before {width: 60%; } }body #wrapper #content .col3 article a {position: relative;display: block; }body #wrapper #content .col3 article a:hover figure img {opacity: 0.8; }body #wrapper #content .col3 article a:before {content: '';position: absolute;display: block;width: 80%;height: 1px;top: -30px;right: 0;background-color: #e5555d; }@media screen and (max-width: 896px) {body #wrapper #content .col3 article a:before {top: -20px;width: 70%; } }body #wrapper #content .col3 article a:after {content: '';position: absolute;display: block;width: 5px;height: 5px;top: -32px;right: 0;border-radius: 50%;background-color: #e5555d; }@media screen and (max-width: 896px) {body #wrapper #content .col3 article a:after {top: -22px; } }body #wrapper #content .col3 article a figure {position: relative; }body #wrapper #content .col3 article a figure figcaption {display: none;position: absolute;right: 10px;bottom: 10px;padding: 2px 4px;background-color: #333;border-radius: 3px;color: #fff;line-height: 1;font-size: 12px;font-weight: bold;font-family: Arial, Helvetica, "sans-serif"; }@media screen and (max-width: 896px) {body #wrapper #content .col3 article a figure figcaption {right: 5px;bottom: 5px;font-size: 10px; } }body #wrapper #content .col3 article a h3 {margin-top: 10px;font-weight: bold; }@media screen and (max-width: 896px) {body #wrapper #content .col3 article a h3 {font-size: 12px; } }@media screen and (max-width: 896px) {body #wrapper #content .col3 article a h3 .ls-1 {letter-spacing: -0.02em !important; } }@media screen and (max-width: 896px) {body #wrapper #content #player .innerL {padding-left: 0;padding-right: 0; } }body #wrapper #content #player .innerL #videoWrap {position: relative;width: 100%;height: 0;padding-top: 56.25%; }body #wrapper #content #player .innerL #videoWrap video {position: absolute;width: 100%;height: 100%;left: 0;top: 0; }body #wrapper #content #player .innerL #titleWrap {padding-top: 20px; }@media screen and (max-width: 896px) {body #wrapper #content #player .innerL #titleWrap {padding: 10px 5px 0 5px; } }body #wrapper #content #player .innerL #titleWrap h1 {font-size: 18px;font-weight: bold; }@media screen and (max-width: 896px) {body #wrapper #content #player .innerL #titleWrap h1 {font-size: 16px; } }body #wrapper #content #player .innerL #titleWrap time {display: block;margin-top: 10px;font-family: Arial, Helvetica, "sans-serif";color: #777; }@media screen and (max-width: 896px) {body #wrapper #content #player .innerL #titleWrap time {margin-top: 4px;font-size: 12px; } }body #wrapper #content #topVideoWrap {-js-display: flex;display: flex;flex-wrap: wrap;justify-content: space-between; }body #wrapper #content #topVideoWrap #topVideo {width: 66.27119%; }@media screen and (max-width: 896px) {body #wrapper #content #topVideoWrap #topVideo {width: 100%; } }body #wrapper #content #topVideoWrap #topVideoList {width: 31.69492%;border: #e1e1e1 1px solid;max-height: 518px;height: auto;overflow: hidden; }@media screen and (max-width: 896px) {body #wrapper #content #topVideoWrap #topVideoList {width: 100%;max-height: 318px;margin-top: 20px; } }body #wrapper #content #topVideoWrap #topVideoList h2 {padding: 20px;font-size: 16px;font-weight: bold;line-height: 1;background: url(/manual/assets/images/common/flow.svgz) right 20px center no-repeat;background-size: 18px 14px; }@media screen and (max-width: 896px) {body #wrapper #content #topVideoWrap #topVideoList h2 {font-size: 15px; } }body #wrapper #content #topVideoWrap #topVideoList ol {height: calc(100% - 56px);background-color: #fafafa;overflow-y: auto; }body #wrapper #content #topVideoWrap #topVideoList ol li {counter-increment: list; }body #wrapper #content #topVideoWrap #topVideoList ol li a {-js-display: flex;display: flex;flex-wrap: wrap;position: relative;padding: 10px 10px 10px 34px; }body #wrapper #content #topVideoWrap #topVideoList ol li a:hover {background-color: #e1e1e1;text-decoration: none; }body #wrapper #content #topVideoWrap #topVideoList ol li a:before {position: absolute;display: block;width: 20px;left: 5px;top: 50%;content: counter(list,decimal-leading-zero);font-size: 20px;font-weight: bold;font-family: Arial, Helvetica, "sans-serif";transform: translateY(-50%);text-align: center;color: #e5555d; }@media screen and (max-width: 896px) {body #wrapper #content #topVideoWrap #topVideoList ol li a:before {font-size: 18px; } }body #wrapper #content #topVideoWrap #topVideoList ol li a figure {width: 39.15663%; }body #wrapper #content #topVideoWrap #topVideoList ol li a h3 {width: 57.22892%;margin-left: 3.01205%;font-weight: bold;letter-spacing: -0.04em; }@media screen and (max-width: 896px) {body #wrapper #content #topVideoWrap #topVideoList ol li a h3 {font-size: 13px; } }body #wrapper #content #sideVideoList {width: 31.69492%;border: #e1e1e1 1px solid;max-height: 518px;height: auto;overflow: hidden; }@media screen and (max-width: 896px) {body #wrapper #content #sideVideoList {width: 100%;max-height: 318px;margin-top: 20px; } }body #wrapper #content #sideVideoList h2 {padding: 20px;font-size: 16px;font-weight: bold;line-height: 1;background: url(/manual/assets/images/common/flow.svgz) right 20px center no-repeat;background-size: 18px 14px; }@media screen and (max-width: 896px) {body #wrapper #content #sideVideoList h2 {font-size: 15px; } }body #wrapper #content #sideVideoList ol {height: calc(100% - 56px);background-color: #fafafa;overflow-y: auto; }body #wrapper #content #sideVideoList ol li {counter-increment: list; }body #wrapper #content #sideVideoList ol li a {-js-display: flex;display: flex;flex-wrap: wrap;position: relative;padding: 10px 10px 10px 45px; }body #wrapper #content #sideVideoList ol li a:hover {background-color: #e1e1e1;text-decoration: none; }body #wrapper #content #sideVideoList ol li a .number {position: absolute;display: block;width: 35px;left: 5px;top: 50%;content: counter(list,decimal-leading-zero);font-size: 20px;font-weight: bold;font-family: Arial, Helvetica, "sans-serif";transform: translateY(-50%);text-align: center;color: #e5555d; }@media screen and (max-width: 896px) {body #wrapper #content #sideVideoList ol li a .number {font-size: 18px; } }body #wrapper #content #sideVideoList ol li a .number span {font-size: 12px; }body #wrapper #content #sideVideoList ol li a figure {width: 39.15663%; }body #wrapper #content #sideVideoList ol li a h3 {width: 57.22892%;margin-left: 3.01205%;font-weight: bold;letter-spacing: -0.04em; }@media screen and (max-width: 896px) {body #wrapper #content #sideVideoList ol li a h3 {font-size: 13px; } }body #wrapper #footer {margin-top: 120px;padding: 30px;text-align: center; }@media screen and (max-width: 896px) {body #wrapper #footer {margin-top: 60px; } }body #wrapper #footer #btnWrap {font-size: 0px;text-align: left;letter-spacing: -0.4em;margin-bottom: 30px;text-align: center; }body #wrapper #footer #btnWrap > * {display: inline-block;font-size: 14px;letter-spacing: 0;vertical-align: top; }body #wrapper #footer #btnWrap > * * {letter-spacing: 0; }body #wrapper #footer #btnWrap > input {width: 300px;padding: 15px 0;border: none;background-color: transparent;border: #e5555d 1px solid;border-radius: 5px;font-weight: bold;line-height: 1; }@media screen and (max-width: 768px) {body #wrapper #footer #btnWrap > input {display: block;margin-left: auto;margin-right: auto; } }body #wrapper #footer #btnWrap > input.btn01 {margin-right: 20px;background-color: #e5555d;color: #fff; }@media screen and (max-width: 768px) {body #wrapper #footer #btnWrap > input.btn01 {margin-right: auto;margin-bottom: 15px; } }body #wrapper #footer #btnWrap > input.btn02 {background-color: #fff;color: #e5555d; }body #wrapper #footer #copyright {font-size: 12px; }@media screen and (max-width: 896px) {body #wrapper #footer #copyright {font-size: 10px; } }