@charset "UTF-8";

/* PC/SPの配信CSSから、採用テンプレートが使う指定だけを移植。本文は共通。 */
@media (min-width: 1024px) {
.training-page--gmp .bg-gray { background-color: #f5f5f5; text-shadow: none; }
.training-page--gmp span.small { font-size: 14px; }
.training-page--gmp span.big { font-size: 32px; }
.training-page--gmp .color-sub { color: #336699; }
.training-page--gmp>section { padding: 100px 0; }
.training-page--gmp > .section-cta { padding: 60px 0 !important; }
.training-page--gmp>section>.inner { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 5; }
.training-page--gmp>section>.inner>h2 { font-size: 40px; font-weight: 900; line-height: 1.6; text-align: center; }
.training-page--gmp>section>.inner>.desc { width: 60%; margin: 50px auto; }
.training-page--gmp>section>.inner>.desc span { font-weight: bold; }
.training-page--gmp .section-fv { padding: 0 20px; position: relative; overflow: hidden; }
.training-page--gmp .section-fv .section-fv__bg { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right top; object-position: right top; }
.training-page--gmp .section-fv .inner { min-height: 780px; height: calc(100svh - 160px); display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; }
.training-page--gmp .section-fv .inner__box { margin-top: -20px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; }
.training-page--gmp .section-fv .inner .sub { color: #f9ab00; font-weight: bold; font-size: 24px; }
.training-page--gmp .section-fv .inner .cate { margin: 10px 0; display: flex; flex-flow: row wrap; justify-content: center; }
.training-page--gmp .section-fv .inner .cate li { font-size: 20px; color: #fff; font-weight: bold; margin-right: 10px; margin-bottom: 10px; padding: 5px 28.8px; border: 1px solid #fff; border-radius: 50px; }
.training-page--gmp .section-fv .inner .box { display: inline-block; position: relative; margin-top: 20px; padding: 25px 50px 30px; border-radius: 10px; background-color: rgba(255,255,255,0.85); font-weight: bold; text-align: center; }
.training-page--gmp .section-fv .inner .box:after { content: ""; width: 120px; height: 120px; background: url("../image/label-jyosei.svg") 0 0 no-repeat; background-size: contain; content: ""; position: absolute; top: -20px; right: -20px; }
.training-page--gmp .section-fv .inner .box .desc { margin: 0; font-weight: normal; text-align: center; }
.training-page--gmp .section-fv .inner .box figure { margin: 10px 0 20px; text-align: center; }
.training-page--gmp .section-fv .inner .box figure img { width: 650px; height: auto; }
.training-page--gmp .section-fv .inner .box .jyosei { display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-end; gap: 0 20px; position: relative; margin: 30px 0; line-height: 1; }
.training-page--gmp .section-fv .inner .box .jyosei li { text-align: left; }
.training-page--gmp .section-fv .inner .box .jyosei .arrow { position: relative; }
.training-page--gmp .section-fv .inner .box .jyosei .arrow:after { content: ""; width: 40px; height: 40px; background: url("../image/arrow-1.svg") 0 0 no-repeat; background-size: contain; display: block; }
.training-page--gmp .section-fv .inner .box .jyosei .mid { font-size: 32px; letter-spacing: -0.7px; }
.training-page--gmp .section-fv .inner .box .jyosei .big { color: #336699; font-weight: 900; font-size: 56px; }
.training-page--gmp .section-fv .inner .box .jyosei small { font-size: var(--font-size-regular); display: block; margin-bottom: 5px; }
.training-page--gmp .section-fv .inner .box .jyosei p { font-size: var(--font-size-regular); margin-bottom: 5px; }
.training-page--gmp .section-fv .inner .box .jyosei p em { color: #336699; font-weight: 900; }
.training-page--gmp .section-fv .inner .box .jyosei .zei { font-weight: normal; font-size: 14px; }
.training-page--gmp .section-fv .inner .box .btns { display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: 1fr; gap: 20px; }
.training-page--gmp .section-fv .inner .box .btns li a, .training-page--gmp .section-fv .inner .box .btns li>span { display: inline-block; height: 60px; padding: 0 24px; border: 1px solid transparent; border-radius: 100px; color: #ffffff; line-height: 59px; text-align: center; white-space: nowrap; text-shadow: none; cursor: pointer; background-color: #fb7c2d; white-space: nowrap; font-weight: bold; }
.training-page--gmp .section-fv .inner .box .btns li a>span, .training-page--gmp .section-fv .inner .box .btns li>span>span { font-weight: normal; }

.training-page--gmp .section-fv .inner .box .btns li a, .training-page--gmp .section-fv .inner .box .btns li>span { display: block; }
.training-page--gmp .section-fv .inner .box .btns li>span { display: flex; justify-content: center; align-items: center; border-color: #336699; background-color: #fff; color: #336699; }

.training-page--gmp .section-fv .inner .box .btns li>span i { margin-left: 5px; font-size: var(--font-size-regular); }
.training-page--gmp .section-fv .datearea { display: flex; flex-flow: row nowrap; align-items: center; }
.training-page--gmp .section-fv .datearea .num { margin-right: 15px; border-radius: 10px; background-color: #232323; color: #fff; display: flex; flex-flow: column nowrap; align-items: flex-end; justify-content: center; padding: 0 15px 7px; font-weight: bold; line-height: 1; font-size: var(--font-size-regular); position: relative; }
.training-page--gmp .section-fv .datearea .num .small { position: absolute; top: 10px; right: 15px; color: #a9ebff; }
.training-page--gmp .section-fv .datearea .num .big { transform: translateY(5px); }
.training-page--gmp .section-fv .datearea .pagetitle { color: #fff; font-size: 56px; font-weight: 900; }
.training-page--gmp .section-kadai .inner { width: 100%; max-width: 1200px; margin: 0 auto; }
.training-page--gmp .section-kadai h2 { font-size: 32px; font-weight: 900; line-height: 1.6; text-align: center; }
.training-page--gmp .section-kadai .flex { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; gap: 20px; margin-top: 60px; }
.training-page--gmp .section-kadai .flex.flex-answer .item { background-color: #336699; color: #fff; }
.training-page--gmp .section-kadai .flex.flex-answer .item:before { content: "解決"; position: absolute; top: -18px; left: 50%; transform: translate(-50%,0); padding: 0 19.2px; border: 5px solid #336699; border-radius: 4px; border-radius: 100px; background-color: #fff; color: #336699; font-weight: bold; font-size: 20px; }
.training-page--gmp .section-kadai .flex.flex-answer .item:after { display: none; }
.training-page--gmp .section-kadai .flex.flex-answer .item h3 { margin-top: 10px; }
.training-page--gmp .section-kadai .item { position: relative; width: calc((100% - 40px) / 3); padding: 25px; border-radius: 12px; background-color: #fff; }
.training-page--gmp .section-kadai .item:after { background: url("../image/gmp/ard@0.5x.png") no-repeat 0 0; background-size: 43px 95px; width: 43px; height: 95px; }
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5) {
.training-page--gmp .section-kadai .item:after { background: url("../image/gmp/ard.png") no-repeat 0 0; background-size: 43px 95px; width: 43px; height: 95px; }
}
.training-page--gmp .section-kadai .item:after { content: ""; position: absolute; bottom: -70px; left: 50%; transform: translate(-50%,0); }
.training-page--gmp .section-kadai .item h3 { font-size: 24px; font-weight: 900; line-height: 1.6; font-weight: bold; text-align: center; }
.training-page--gmp .section-kadai .item img { display: block; width: 60px; height: 60px; margin: 30px auto; }
.training-page--gmp .section-kadai .item p { line-height: 1.6; }
.training-page--gmp .section-whatsgmp .box2 { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; position: relative; margin: 60px auto 0; }
.training-page--gmp .section-whatsgmp .box2:after { background: url("../image/ga4-ar@0.5x.png") no-repeat 0 0; background-size: 120px 300px; }
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5) {
.training-page--gmp .section-whatsgmp .box2:after { background: url("../image/ga4-ar.png") no-repeat 0 0; background-size: 120px 300px; }
}
.training-page--gmp .section-whatsgmp .box2:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 120px; height: 300px; }
.training-page--gmp .section-whatsgmp .box2 .left { width: 43%; min-height: 100%; padding: 30px; padding-top: 0; border-radius: 12px; background-color: #f5f5f5; text-shadow: none; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; }
.training-page--gmp .section-whatsgmp .box2 .left h3 { font-size: 24px; font-weight: 900; line-height: 1.6; padding: 30px 0 20px; text-align: center; position: relative; padding-bottom: 140px; }
.training-page--gmp .section-whatsgmp .box2 .left h3:before { content: ""; width: 80px; height: 80px; background: url("../image/thumb-ga.svg") 0 0 no-repeat; background-size: contain; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); z-index: 5; }
.training-page--gmp .section-whatsgmp .box2 .left p span { display: block; padding-top: 12.8px; font-size: var(--font-size-regular); }
.training-page--gmp .section-whatsgmp .box2 .left h4 { margin: 50px 0 0; font-weight: bold; text-align: center; position: relative; }
.training-page--gmp .section-whatsgmp .box2 .right { width: 43%; }
.training-page--gmp .section-whatsgmp .box2 .right>div { padding: 30px; padding-top: 0; border-radius: 12px; background-color: #f5f5f5; text-shadow: none; }
.training-page--gmp .section-whatsgmp .box2 .right>div h3 { font-size: 24px; font-weight: 900; line-height: 1.6; padding: 30px 0 20px; text-align: center; }
.training-page--gmp .section-whatsgmp .box2 .right>div p span { display: block; padding-top: 12.8px; font-size: var(--font-size-regular); }
.training-page--gmp .section-whatsgmp .box2 .right .tm { margin-top: 30px; }
.training-page--gmp .section-ga4 { position: relative; background-color: #f5f5f5; }
.training-page--gmp .section-ga4 .blobSvg { position: absolute; top: -25%; left: -50%; z-index: -1; width: 1500px; height: 1500px; }
.training-page--gmp .section-ga4 .inner { position: relative; z-index: 5; text-shadow: none; }
.training-page--gmp .section-ga4 .inner .desc { margin-bottom: 0; }
.training-page--gmp .section-ga4 .flex { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; position: relative; margin-top: 60px; overflow: hidden; }
.training-page--gmp .section-ga4 .flex .item:last-child, .training-page--gmp .section-ga4 .flex .item:nth-last-child(2):nth-child(odd) { margin-bottom: 0; }
.training-page--gmp .section-ga4 .flex .item { position: relative; width: 48%; margin-bottom: 50px; padding: 50px; overflow: hidden; border-radius: 12px; background-color: #fff; }
.training-page--gmp .section-ga4 .flex .item h3 { font-size: 24px; font-weight: 900; line-height: 1.6; margin-bottom: 20px; text-align: center; }
.training-page--gmp .section-ga4 .flex .item figure { margin: 0 0 40px; text-align: center; }
.training-page--gmp .section-ga4 .flex .item figure img { width: 80px; height: auto; }
.training-page--gmp .section-st { overflow-x: hidden; }
.training-page--gmp .section-st h2 em { font-weight: 900; }
.training-page--gmp .section-st .box { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; position: relative; margin-top: 200px; }
.training-page--gmp .section-st .box:first-of-type { margin-top: 140px; }
.training-page--gmp .section-st .box:after { content: ""; position: absolute; top: 50%; right: 0; z-index: -1; transform: translate(0,-50%); width: 200%; height: 130%; border-radius: 1000px; background-color: #f5f5f5; }
.training-page--gmp .section-st .box .txt { width: 600px; margin-right: 60px; }
.training-page--gmp .section-st .box .txt .step { position: absolute; top: -80px; left: 0; padding: 15px; background-color: #336699; color: #fff; font-weight: bold; line-height: 1; text-align: center; text-shadow: none; }
.training-page--gmp .section-st .box .txt .step span { display: block; margin-bottom: 5px; font-size: 56px; text-align: center; }
.training-page--gmp .section-st .box .txt h3 { font-size: 32px; font-weight: 900; line-height: 1.6; text-align: center; font-size: 32px; text-align: left; }
.training-page--gmp .section-st .box .txt .desc { width: 90%; margin-top: 50px; }
.training-page--gmp .section-st .box figure { padding-right: 120px; }
.training-page--gmp .section-st .box figure img { width: 100%; height: auto; border-radius: 16px; }
.training-page--gmp .section-st .box-reverse:after { content: ""; position: absolute; top: 50%; right: auto; left: 0; z-index: -1; transform: translate(0,-50%); width: 200%; height: 130%; background-color: #f5f5f5; }
.training-page--gmp .section-st .box-reverse .txt { order: 1; margin: 0; margin-left: 60px; }
.training-page--gmp .section-st .box-reverse .txt .step { position: absolute; top: -80px; right: 0; left: auto; padding: 15px; background-color: #336699; color: #fff; line-height: 1; text-align: center; text-shadow: none; }
.training-page--gmp .section-st .box-reverse .txt .step span { display: block; margin-bottom: 5px; font-weight: bold; font-size: 56px; text-align: center; }
.training-page--gmp .section-st .box-reverse figure { order: 0; padding: 0; padding-left: 120px; }
.training-page--gmp .section-realtime { overflow-x: hidden; }
.training-page--gmp .section-realtime .flex { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.training-page--gmp .section-realtime .flex .left { width: 40%; }
.training-page--gmp .section-realtime .flex .right { width: 55%; }
.training-page--gmp .section-realtime .flex h3 { font-size: 24px; font-weight: 900; line-height: 1.6; margin-bottom: 22.4px; text-align: center; }
.training-page--gmp .section-realtime .flex .card { box-shadow: rgba(149,157,165,0.1) 0px 8px 24px; overflow: hidden; border-radius: 16px; background-color: #fff; }
.training-page--gmp .section-realtime .flex .card figure img { width: 100%; height: auto; }
.training-page--gmp .section-realtime .flex .card dl { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 30px; }
.training-page--gmp .section-realtime .flex .card dl:first-of-type { padding-bottom: 0; }
.training-page--gmp .section-realtime .flex .card dl dt { width: 120px; font-weight: bold; }
.training-page--gmp .section-realtime .flex .card dl dd { flex: 1; }
.training-page--gmp .section-realtime .flex .card dl dd ul li { margin-bottom: 5px; line-height: 1.6; }
.training-page--gmp .section-realtime .flex .card dl dd ul li:last-child { margin-bottom: 0; }
.training-page--gmp .section-realtime .review { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; position: relative; margin-top: 120px; }
.training-page--gmp .section-realtime .review:before { background: url("../image/gmp/review@0.5x.png") no-repeat 0 0; background-size: 1000px 800px; width: 1000px; height: 800px; }
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5) {
.training-page--gmp .section-realtime .review:before { background: url("../image/gmp/review.png") no-repeat 0 0; background-size: 1000px 800px; width: 1000px; height: 800px; }
}
.training-page--gmp .section-realtime .review:before { content: ""; position: absolute; top: 50%; left: -25%; z-index: -1; transform: translate(0,-50%); }
.training-page--gmp .section-realtime .review .right { width: 50%; margin-left: auto; }
.training-page--gmp .section-realtime .review .right h3 { font-size: 32px; font-weight: 900; line-height: 1.6; text-align: center; margin-bottom: 50px; }
.training-page--gmp .section-realtime .review .right ul { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.training-page--gmp .section-realtime .review .right ul li { background: url("../image/gmp/crown@0.5x.png") no-repeat 0 0; background-size: 280px 250px; width: 280px; height: 250px; }
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5) {
.training-page--gmp .section-realtime .review .right ul li { background: url("../image/gmp/crown.png") no-repeat 0 0; background-size: 280px 250px; width: 280px; height: 250px; }
}
.training-page--gmp .section-realtime .review .right ul li { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin-bottom: 40px; font-weight: bold; font-size: 24px; text-align: center; }
.training-page--gmp .section-realtime .review .right ul li p { margin-top: 20px; line-height: 1.2; text-align: center; }
.training-page--gmp .section-realtime .review .right ul li span { font-weight: bold; font-size: 56px; }
.training-page--gmp .section-realtime .review .right ul li:last-child, .training-page--gmp .section-realtime .review .right ul li:nth-last-child(2):nth-child(odd) { margin-bottom: 0; }
.training-page--gmp .section-price { background-color: #fff; padding-bottom: 20px; }
.training-page--gmp .section-price .blobSvg { position: absolute; bottom: -50%; left: -60%; z-index: -1; width: 1300px; height: 1300px; }
.training-page--gmp .section-price .inner { position: relative; z-index: 5; }
.training-page--gmp .section-price .inner .desc { text-shadow: none; }
.training-page--gmp .section-price .card { box-shadow: rgba(149,157,165,0.1) 0px 8px 24px; min-height: 700px; position: relative; padding: 30px; padding-left: 480px; overflow: hidden; border-radius: 12px; background-color: #fff; }
.training-page--gmp .section-price .card:before { background: url("../image/gmp/gmp@0.5x.png") no-repeat 0 0; background-size: 450px 700px; width: 450px; height: 700px; }
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5) {
.training-page--gmp .section-price .card:before { background: url("../image/gmp/gmp.png") no-repeat 0 0; background-size: 450px 700px; width: 450px; height: 700px; }
}
.training-page--gmp .section-price .card:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; }
.training-page--gmp .section-price .card h3 { font-size: 32px; font-weight: 900; line-height: 1.6; text-align: center; line-height: 1.4; }
.training-page--gmp .section-price .card .sub { margin: 10px 0; text-align: center; }
.training-page--gmp .section-price .card .items { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin: 25px 0; gap: 10px; }
.training-page--gmp .section-price .card .items .large { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; padding-left: 0; }
.training-page--gmp .section-price .card .items .large:before { position: relative; top: auto; left: auto; margin-right: 20px; transform: translateY(-1px); }
.training-page--gmp .section-price .card .items li { position: relative; width: 49%; padding: 16px 0; padding-left: 80px; border-radius: 5px; background-color: #f5f5f5; font-weight: bold; line-height: 1.4; text-shadow: none; }
.training-page--gmp .section-price .card .items li:nth-of-type(2):before { content: ""; width: 40px; height: 40px; background: url("../image/gmp/icon-ls.svg") 0 0 no-repeat; background-size: contain; }
.training-page--gmp .section-price .card .items li:nth-of-type(3):before { content: ""; width: 40px; height: 40px; background: url("../image/gmp/icon-tm.svg") 0 0 no-repeat; background-size: contain; }
.training-page--gmp .section-price .card .items li:before { content: ""; width: 40px; height: 40px; background: url("../image/gmp/icon-ga.svg") 0 0 no-repeat; background-size: contain; content: ""; position: absolute; top: 50%; left: 20px; transform: translate(0,-50%); }
.training-page--gmp .section-price .card .items li span { display: block; font-weight: normal; }
.training-page--gmp .section-price .card dl { display: flex; flex-flow: row nowrap; align-items: center; margin-bottom: 15px; border: 1px solid #dddddd; border-radius: 8px; }
.training-page--gmp .section-price .card dl dt { width: 120px; padding: 16px 0; font-weight: bold; text-align: center; }
.training-page--gmp .section-price .card dl dd { flex: 1; padding: 16px 32px; border-left: 1px solid #dddddd; }
.training-page--gmp .section-price .card dl .date { display: flex; flex-flow: row nowrap; align-items: flex-end; padding: 24px 32px; line-height: 1; letter-spacing: 0.8px; }
.training-page--gmp .section-price .card dl .date em { font-weight: bold; font-size: 32px; }
.training-page--gmp .section-price .card dl .date span { font-weight: bold; font-size: 32px; transform: translateY(3px); }
.training-page--gmp .section-price .card dl .date .caution { font-size: 14px; }
.training-page--gmp .section-price .card dl .price { line-height: 1; }
.training-page--gmp .section-price .card dl .price .jyosei { display: flex; flex-flow: row nowrap; align-items: flex-end; gap: 0 20px; position: relative; font-weight: bold; line-height: 1; }
.training-page--gmp .section-price .card dl .price .jyosei li { text-align: left; }
.training-page--gmp .section-price .card dl .price .jyosei .arrow { position: relative; }
.training-page--gmp .section-price .card dl .price .jyosei .arrow:after { content: ""; width: 40px; height: 40px; background: url("../image/arrow-1.svg") 0 0 no-repeat; background-size: contain; content: ""; display: block; }
.training-page--gmp .section-price .card dl .price .jyosei .mid { font-size: 32px; letter-spacing: -0.64px; }
.training-page--gmp .section-price .card dl .price .jyosei .big { color: #336699; font-weight: 900; font-size: 40px; }
.training-page--gmp .section-price .card dl .price .jyosei small { display: block; margin-bottom: 5px; font-size: 14px; }
.training-page--gmp .section-price .card dl .price .jyosei p { margin-bottom: 5px; font-size: var(--font-size-regular); }
.training-page--gmp .section-price .card dl .price .jyosei p em { color: #336699; font-weight: 900; }
.training-page--gmp .section-price .card dl .price .jyosei .zei { font-weight: normal; font-size: 14px; }
.training-page--gmp .section-price .card .btn { transition: all 0.2s ease-in-out; display: inline-block; height: 60px; padding: 0 24px; border: 1px solid transparent; border-radius: 100px; background: #336699; color: #ffffff; font-weight: bold; line-height: 59px; text-align: center; white-space: nowrap; text-shadow: none; cursor: pointer; }

.training-page--gmp .section-price .card .btn { display: block; width: 300px; margin: 40px auto 0; }
.training-page--gmp .section-curriculum .desc { text-align: center; }
.training-page--gmp .section-curriculum .btns { display: flex; flex-flow: row nowrap; justify-content: center; align-items: end; gap: 10px; margin: 60px auto 0; }
.training-page--gmp .section-curriculum .btns li { height: 50px; line-height: 50px; flex-grow: 1; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 0 40px; background-color: #ddd; color: #232323; cursor: pointer; border-radius: 10px 10px 0 0; }
.training-page--gmp .section-curriculum .btns li:last-child { margin-right: 0; }
.training-page--gmp .section-curriculum .btns li.active { height: 70px; line-height: 70px; font-weight: bold; background-color: #fff; }
.training-page--gmp .section-curriculum .boxs { position: relative; border-radius: 10px; background-color: #fff; }
.training-page--gmp .section-curriculum .boxs .item { padding: 60px; }
.training-page--gmp .section-curriculum .boxs .item .parent { width: 100%; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr { display: block; display: flex; flex-flow: row nowrap; justify-content: center; align-items: stretch; position: relative; min-height: 100%; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr:last-of-type:after { display: none; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #dddddd; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td, .training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>th { padding: 16px 0; vertical-align: middle; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>th { display: flex; justify-content: center; align-items: center; width: 160px; background-color: #f5f5f5; text-align: right; white-space: nowrap; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td { flex: 1; padding-left: 50px; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td .pickup { margin-top: 5px; font-size: var(--font-size-regular); }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td .pickup a:hover { text-decoration: underline; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td .pickup:before { content: "Pickup"; background-color: #ffa500; color: #232323; padding: 2px 8px; margin-right: 10px; font-weight: bold; font-size: var(--font-size-regular); }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td.toggle { width: 100%; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td.num span { font-weight: bold; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td>.list li:last-child { margin-bottom: 0; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td>.list li { position: relative; margin-bottom: 8px; padding-left: 16px; line-height: 1.6; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td>.list li:before { content: ""; position: absolute; top: 10px; left: 0; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #888; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td h3 { position: relative; margin-top: 20px; padding: 16px; padding-left: 32px; border: 1px solid #dddddd; border-radius: 8px; cursor: pointer; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td h3:first-child { margin-top: 5px; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td h3.active:after { content: "−"; font-variant: normal; font-weight: normal; font-family: sans-serif!important; text-transform: none; speak: none; }
.training-page--gmp .section-curriculum .boxs .item .parent>tbody>tr>td h3:after { content: "+"; font-variant: normal; font-weight: normal; font-family: sans-serif!important; text-transform: none; speak: none; transition: all 0.2s ease-in-out; position: absolute; top: 50%; right: 3%; transform: translateY(-50%); }
.training-page--gmp .section-curriculum .boxs .item .sp-table-inner { display: table; width: 100%; margin-top: 30px; table-layout: fixed; font-size: var(--font-size-regular); }
.training-page--gmp .section-curriculum .boxs .item .sp-table-inner tr:first-of-type td { border-top: 0; }
.training-page--gmp .section-curriculum .boxs .item .sp-table-inner td, .training-page--gmp .section-curriculum .boxs .item .sp-table-inner th { border-top: 1px dotted #ccc; vertical-align: top; }
.training-page--gmp .section-curriculum .boxs .item .sp-table-inner td { padding: 11.52px; line-height: 1.6; }
.training-page--gmp .section-curriculum .boxs .item .btn { transition: all 0.2s ease-in-out; display: inline-block; height: 60px; padding: 0 24px; border: 1px solid transparent; border-radius: 100px; background: #336699; color: #ffffff; font-weight: bold; line-height: 59px; text-align: center; white-space: nowrap; text-shadow: none; cursor: pointer; }

.training-page--gmp .section-curriculum .boxs .item .btn { display: block; display: none; width: 300px; margin: 40px auto; background-color: #ffa500; }
}

@media (max-width: 1023px) {
.training-page--gmp .bg-gray { background-color: #f5f5f5; text-shadow: none; }
.training-page--gmp span.small { font-size: 14px; }
.training-page--gmp span.big { font-size: 20px; }
.training-page--gmp .color-sub { color: #336699; }
.training-page--gmp section { padding: 50px 0; }
.training-page--gmp section>.inner { width: 100%; position: relative; z-index: 5; }
.training-page--gmp section>.inner>h2 { font-weight: 900; font-size: clamp(24px, 4vw, 32px); line-height: 1.5; text-align: center; text-align: center; }
.training-page--gmp section>.inner>.desc { margin: 30px auto; }
.training-page--gmp section>.inner>.desc span { font-weight: bold; }
.training-page--gmp .section-fv { padding: 30px 20px 40px; position: relative; overflow: hidden; }
.training-page--gmp .section-fv .section-fv__bg { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; }
.training-page--gmp .section-fv .inner { color: #fff; position: relative; z-index: 5; }
.training-page--gmp .section-fv .inner .sub { font-weight: bold; font-size: var(--font-size-regular); text-align: center; }
.training-page--gmp .section-fv .inner .datearea { margin-top: 20px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; }
.training-page--gmp .section-fv .inner .datearea .num { font-size: var(--font-size-regular); border-radius: 5px; background-color: #232323; color: #fff; display: inline-block; padding: 0 10px 10px; font-weight: bold; line-height: 1; position: relative; }
.training-page--gmp .section-fv .inner .datearea .num .small { position: absolute; top: 8px; right: 10px; color: #a9ebff; }
.training-page--gmp .section-fv .inner .datearea .num .big { transform: translateY(5px); }
.training-page--gmp .section-fv .inner .datearea .num .big span { font-size: 40px; }
.training-page--gmp .section-fv .inner .datearea .pagetitle { color: #fff; font-size: 40px; text-align: center; font-weight: 900; margin: 0; padding: 0; margin-top: 10px; line-height: 1.3; }
.training-page--gmp .section-fv .inner .cate { margin: 15px 0; display: flex; flex-flow: row wrap; justify-content: center; }
.training-page--gmp .section-fv .inner .cate li { font-size: 14px; color: #fff; font-weight: bold; margin-right: 10px; margin-bottom: 10px; padding: 5px 12px 3px; border: 1px solid #fff; border-radius: 50px; }
.training-page--gmp .section-fv .inner .box { color: #232323; display: inline-block; position: relative; width: 100%; padding: 20px 20px 25px; border-radius: 12px; background-color: rgba(255,255,255,0.9); font-weight: bold; text-align: center; }
.training-page--gmp .section-fv .inner .box .desc { margin-bottom: 20px; font-weight: normal; line-height: 1.6; text-align: center; }
.training-page--gmp .section-fv .inner .box .desc br { display: none; }
.training-page--gmp .section-fv .inner .box figure { margin: 0 0 25px; text-align: center; }
.training-page--gmp .section-fv .inner .box figure img { width: 100%; height: auto; }
.training-page--gmp .section-fv .inner .box .jyosei { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; gap: 10px 0; position: relative; margin-bottom: 10px; line-height: 1; }
.training-page--gmp .section-fv .inner .box .jyosei li { text-align: center; }
.training-page--gmp .section-fv .inner .box .jyosei li:last-child { position: relative; margin-bottom: 10px; }
.training-page--gmp .section-fv .inner .box .jyosei .arrow { display: none; }
.training-page--gmp .section-fv .inner .box .jyosei .small { font-weight: normal; font-size: 14px; }
.training-page--gmp .section-fv .inner .box .jyosei .mid { font-size: 24px; }
.training-page--gmp .section-fv .inner .box .jyosei .big { position: relative; padding-left: 40px; color: #336699; font-weight: 900; font-size: 48px; }
.training-page--gmp .section-fv .inner .box .jyosei .big:before { content: ""; width: 30px; height: 30px; background: url("../image/mobile/arrow-1.svg") 0 0 no-repeat; background-size: contain; display: block; position: absolute; top: 15px; left: 0; }
.training-page--gmp .section-fv .inner .box .jyosei p { text-align: center; margin-bottom: 5px; }
.training-page--gmp .section-fv .inner .box .jyosei p em { color: #336699; font-weight: 900; }
.training-page--gmp .section-fv .inner .box .jyosei .zei { font-weight: normal; font-size: 14px; }
.training-page--gmp .section-fv .inner .box .btns { display: flex; flex-flow: column nowrap; width: 100%; }
.training-page--gmp .section-fv .inner .box .btns li:first-of-type { order: 1; margin-top: 10px; }
.training-page--gmp .section-fv .inner .box .btns li>a, .training-page--gmp .section-fv .inner .box .btns li>span { display: inline-block; height: 50px; padding: 0 24px; border: 1px solid transparent; border-radius: 100px; color: #ffffff; line-height: 49px; text-align: center; white-space: nowrap; text-shadow: none; cursor: pointer; background-color: #fb7c2d; white-space: nowrap; font-weight: bold; }
.training-page--gmp .section-fv .inner .box .btns li>a>span, .training-page--gmp .section-fv .inner .box .btns li>span>span { font-weight: normal; }

.training-page--gmp .section-fv .inner .box .btns li>a, .training-page--gmp .section-fv .inner .box .btns li>span { display: block; width: 100%; }
.training-page--gmp .section-fv .inner .box .btns li>span { display: flex; justify-content: center; align-items: center; border-color: #336699; background-color: #fff; color: #336699; }

.training-page--gmp .section-kadai .inner { width: 100%; padding: 0 20px; }
.training-page--gmp .section-kadai h2 { font-weight: 900; font-size: clamp(24px, 4vw, 32px); line-height: 1.5; text-align: center; text-align: center; }
.training-page--gmp .section-kadai h2.color-sub { font-weight: 900; font-size: clamp(24px, 4vw, 32px); line-height: 1.5; text-align: center; }
.training-page--gmp .section-kadai .flex { margin-top: 40px; }
.training-page--gmp .section-kadai .flex.flex-answer .item { margin-bottom: 30px; background-color: #336699; color: #fff; }
.training-page--gmp .section-kadai .flex.flex-answer .item:before { content: "解決"; position: absolute; top: -18px; left: 50%; transform: translate(-50%,0); padding: 0 19.2px; border: 5px solid #336699; border-radius: 4px; border-radius: 100px; background-color: #fff; color: #336699; font-weight: bold; font-size: 20px; }
.training-page--gmp .section-kadai .flex.flex-answer .item:after { display: none; }
.training-page--gmp .section-kadai .flex.flex-answer .item h3 { margin-top: 10px; }
.training-page--gmp .section-kadai .item { position: relative; margin-bottom: 20px; padding: 25px; border-radius: 12px; background-color: #fff; }
.training-page--gmp .section-kadai .item:last-of-type { margin-bottom: 0!important; }
.training-page--gmp .section-kadai .item:last-of-type:after { width: 43px; height: 95px; background: url("../image/mobile/gmp/ard@0.5x.png") no-repeat 0 0; background-size: 43px 95px; }
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5) {
.training-page--gmp .section-kadai .item:last-of-type:after { width: 43px; height: 95px; background: url("../image/mobile/gmp/ard.png") no-repeat 0 0; background-size: 43px 95px; }
}
.training-page--gmp .section-kadai .item:last-of-type:after { content: ""; position: absolute; bottom: -80px; left: 50%; transform: translate(-50%,0); }
.training-page--gmp .section-kadai .item h3 { font-weight: 900; font-size: clamp(20px, 3vw, 24px); line-height: 1.6; font-weight: bold; text-align: center; }
.training-page--gmp .section-kadai .item img { display: block; width: 60px; height: 60px; margin: 20px auto; }
.training-page--gmp .section-kadai .item p { line-height: 1.6; }
.training-page--gmp .section-whatsgmp .inner { position: relative; z-index: 10; padding: 0 20px; }
.training-page--gmp .section-whatsgmp .box2 { width: 100%; position: relative; margin: 30px auto 0; }
.training-page--gmp .section-whatsgmp .box2 .left { padding: 20px; padding-top: 0; border-radius: 12px; background-color: #f5f5f5; text-shadow: none; }
.training-page--gmp .section-whatsgmp .box2 .left h3 { font-weight: 900; font-size: clamp(20px, 3vw, 24px); line-height: 1.6; padding: 30px 0 20px; text-align: center; position: relative; padding-bottom: 100px; }
.training-page--gmp .section-whatsgmp .box2 .left h3:before { content: ""; width: 65px; height: 65px; background: url("../image/mobile/thumb-ga.svg") 0 0 no-repeat; background-size: contain; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); z-index: 5; }
.training-page--gmp .section-whatsgmp .box2 .left p span { display: block; padding-top: 12.8px; font-size: var(--font-size-regular); }
.training-page--gmp .section-whatsgmp .box2 .right>div { margin-top: 15px; padding: 20px; padding-top: 0; border-radius: 12px; background-color: #f5f5f5; text-shadow: none; }
.training-page--gmp .section-whatsgmp .box2 .right>div h3 { font-weight: 900; font-size: clamp(20px, 3vw, 24px); line-height: 1.6; padding: 30px 0 20px; text-align: center; }
.training-page--gmp .section-whatsgmp .box2 .right>div p span { display: block; padding-top: 12.8px; font-size: var(--font-size-regular); }
.training-page--gmp .section-ga4 { position: relative; background-color: #f5f5f5; }
.training-page--gmp .section-ga4 .blobSvg { position: absolute; top: -20%; left: 30%; z-index: -1; width: 1200px; height: 1200px; }
.training-page--gmp .section-ga4 .inner { position: relative; z-index: 5; padding: 0 20px; text-shadow: none; }
.training-page--gmp .section-ga4 .inner h2 br { display: none; }
.training-page--gmp .section-ga4 .flex { position: relative; margin-top: 30px; overflow: hidden; }
.training-page--gmp .section-ga4 .flex .item:last-child { margin-bottom: 0; }
.training-page--gmp .section-ga4 .flex .item { position: relative; margin-bottom: 15px; padding: 10px 30px 20px; overflow: hidden; border-radius: 12px; background-color: #fff; }
.training-page--gmp .section-ga4 .flex .item h3 { font-weight: 900; font-size: clamp(20px, 3vw, 24px); line-height: 1.6; margin-bottom: 20px; text-align: center; }
.training-page--gmp .section-ga4 .flex .item figure { margin: 25px 0; text-align: center; }
.training-page--gmp .section-ga4 .flex .item figure img { width: 60px; height: auto; }
.training-page--gmp .section-ga4 .flex .item p { font-size: var(--font-size-regular); }
.training-page--gmp .section-st { overflow: hidden; }
.training-page--gmp .section-st .inner { padding: 0 20px; }
.training-page--gmp .section-st h2 em { font-weight: 900; }
.training-page--gmp .section-st .box { position: relative; margin-top: 24px; padding: 20px; border-radius: 8px; background-color: #f5f5f5; }
.training-page--gmp .section-st .box:first-of-type { margin-top: 40px; }
.training-page--gmp .section-st .box .txt { width: 100%; margin: 0; text-shadow: none; }
.training-page--gmp .section-st .box .txt .step { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 4px; background-color: #336699; color: #fff; font-weight: bold; font-size: 14px; line-height: 1.4; }
.training-page--gmp .section-st .box .txt .step span { display: block; font-size: 32px; line-height: 1; }
.training-page--gmp .section-st .box .txt h3 { font-weight: 900; font-size: clamp(20px, 3vw, 24px); line-height: 1.6; margin-top: 16px; }
.training-page--gmp .section-st .box .txt .desc { margin-top: 12px; }
.training-page--gmp .section-st .box .txt .desc br { display: none; }
.training-page--gmp .section-st .box figure { display: none; margin-top: 30px; overflow: hidden; border-radius: 12px; }
.training-page--gmp .section-st .box figure img { width: 100%; height: auto; }
.training-page--gmp .section-realtime { overflow: hidden; padding-top: 20px; }
.training-page--gmp .section-realtime .inner { padding: 0 20px; }
.training-page--gmp .section-realtime .flex>div { margin-bottom: 30px; }
.training-page--gmp .section-realtime .flex h3 { font-weight: 900; font-size: clamp(20px, 3vw, 24px); line-height: 1.6; margin-bottom: 20.28px; text-align: center; }
.training-page--gmp .section-realtime .flex .card { box-shadow: rgba(149,157,165,0.2) 0 8px 24px; overflow: hidden; border-radius: 16px; background-color: #fff; }
.training-page--gmp .section-realtime .flex .card figure img { width: 100%; height: auto; }
.training-page--gmp .section-realtime .flex .card dl { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 20px 20px; }
.training-page--gmp .section-realtime .flex .card dl:first-of-type { padding-bottom: 0; }
.training-page--gmp .section-realtime .flex .card dl dt { width: 80px; }
.training-page--gmp .section-realtime .flex .card dl dd { flex: 1; }
.training-page--gmp .section-realtime .flex .card dl dd ul li:last-child { margin-bottom: 0; }
.training-page--gmp .section-realtime .flex .card dl dd ul li { margin-bottom: 5px; line-height: 1.4; }
.training-page--gmp .section-realtime .review { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; position: relative; margin-top: 60px; padding-bottom: 200px; }
.training-page--gmp .section-realtime .review:before { width: 800px; height: 640px; background: url("../image/mobile/gmp/review@0.5x.png") no-repeat 0 0; background-size: 800px 640px; }
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5) {
.training-page--gmp .section-realtime .review:before { width: 800px; height: 640px; background: url("../image/mobile/gmp/review.png") no-repeat 0 0; background-size: 800px 640px; }
}
.training-page--gmp .section-realtime .review:before { content: ""; position: absolute; top: 40%; right: -65%; z-index: -1; transform: scale(0.7); }
.training-page--gmp .section-realtime .review .right h3 { padding-right: 20px; padding-left: 20px; font-weight: 900; font-size: clamp(24px, 4vw, 32px); line-height: 1.5; text-align: center; font-size: 24px; text-align: center; }
.training-page--gmp .section-realtime .review .right ul { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin-top: 40px; }
.training-page--gmp .section-realtime .review .right ul li { width: 140px; height: 125px; background: url("../image/mobile/gmp/crown@0.5x.png") no-repeat 0 0; background-size: 140px 125px; }
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5) {
.training-page--gmp .section-realtime .review .right ul li { width: 140px; height: 125px; background: url("../image/mobile/gmp/crown.png") no-repeat 0 0; background-size: 140px 125px; }
}
.training-page--gmp .section-realtime .review .right ul li { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin: 0 10px 20px; font-weight: bold; font-size: var(--font-size-regular); text-align: center; text-shadow: none; }
.training-page--gmp .section-realtime .review .right ul li p { margin-top: 20px; line-height: 1.2; text-align: center; }
.training-page--gmp .section-realtime .review .right ul li span { font-weight: 900; font-size: 32px; }
.training-page--gmp .section-realtime .review .right ul li:last-child, .training-page--gmp .section-realtime .review .right ul li:nth-last-child(2):nth-child(odd) { margin-bottom: 0; }
.training-page--gmp .section-price { background-color: #fff; }
.training-page--gmp .section-price .blobSvg { opacity: 0.5; position: absolute; bottom: -97%; left: -60%; z-index: -1; width: 600vw; height: 600vw; }
.training-page--gmp .section-price .inner { position: relative; z-index: 5; padding: 0 20px; }
.training-page--gmp .section-price .inner .desc { text-shadow: none; }
.training-page--gmp .section-price .card { box-shadow: rgba(149,157,165,0.2) 0 8px 24px; position: relative; overflow: hidden; border-radius: 12px; background-color: #fff; }
.training-page--gmp .section-price .card::before { content: ""; display: block; height: 180px; background: url("../image/gmp/gmp@0.5x.png") center 25% / cover no-repeat; }
.training-page--gmp .section-price .card figure img { width: 100%; height: auto; }
.training-page--gmp .section-price .card h3 { padding-right: 20px; padding-left: 20px; font-weight: 900; font-size: clamp(24px, 4vw, 32px); line-height: 1.5; text-align: center; margin-top: 20px; text-align: center; }
.training-page--gmp .section-price .card .sub { padding: 15px 20px; }
.training-page--gmp .section-price .card .items { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; padding: 10px 20px; gap: 10px; }
.training-page--gmp .section-price .card .items li { position: relative; width: 48%; padding: 15px; padding-top: 80px; border-radius: 8px; background-color: #f5f5f5; font-weight: bold; font-size: var(--font-size-regular); line-height: 1.6; text-align: center; text-shadow: none; }
.training-page--gmp .section-price .card .items li.large { width: 100%; }
.training-page--gmp .section-price .card .items li:nth-of-type(2):before { content: ""; width: 40px; height: 40px; background: url("../image/mobile/gmp/icon-ls.svg") 0 0 no-repeat; background-size: contain; }
.training-page--gmp .section-price .card .items li:nth-of-type(3):before { content: ""; width: 40px; height: 40px; background: url("../image/mobile/gmp/icon-tm.svg") 0 0 no-repeat; background-size: contain; }
.training-page--gmp .section-price .card .items li:before { content: ""; width: 40px; height: 40px; background: url("../image/mobile/gmp/icon-ga.svg") 0 0 no-repeat; background-size: contain; position: absolute; top: 25px; left: 50%; transform: translate(-50%,0); }
.training-page--gmp .section-price .card .items li span { display: block; margin-top: 5px; font-weight: normal; text-align: center; }
.training-page--gmp .section-price .card dl { padding: 0 20px; }
.training-page--gmp .section-price .card dl dt { padding-top: 3px; border-radius: 5px; background-color: #f5f5f5; font-weight: bold; text-align: center; }
.training-page--gmp .section-price .card dl dd { padding: 10px 0 20px; line-height: 1.4; text-align: center; }
.training-page--gmp .section-price .card dl dd .caution { text-align: center; }
.training-page--gmp .section-price .card dl dd span { font-weight: bold; font-size: 24px; }
.training-page--gmp .section-price .card dl .date { text-align: left; padding: 19.2px 0; line-height: 1.6; font-size: 20px; }
.training-page--gmp .section-price .card dl .date em { font-weight: bold; font-size: 32px; }
.training-page--gmp .section-price .card dl .date span { font-weight: bold; font-size: 24px; transform: translateY(0px); }
.training-page--gmp .section-price .card dl .date .caution { font-size: 14px; }
.training-page--gmp .section-price .card dl .price { padding: 16px 0; line-height: 1; }
.training-page--gmp .section-price .card dl .price .jyosei { display: flex; flex-flow: row nowrap; align-items: flex-end; gap: 0 10px; position: relative; font-weight: bold; line-height: 1; }
.training-page--gmp .section-price .card dl .price .jyosei li { text-align: left; }
.training-page--gmp .section-price .card dl .price .jyosei li:last-child { transform: translate(0,3px); }
.training-page--gmp .section-price .card dl .price .jyosei .arrow { position: relative; }
.training-page--gmp .section-price .card dl .price .jyosei .arrow:after { content: ""; width: 20px; height: 20px; background-color: #336699; -webkit-mask: url("../image/mobile/arrow.svg") 0 0/contain no-repeat; mask: url("../image/mobile/arrow.svg") 0 0/contain no-repeat; display: block; }
.training-page--gmp .section-price .card dl .price .jyosei .mid { font-size: 20px; letter-spacing: -0.38px; }
.training-page--gmp .section-price .card dl .price .jyosei .big { color: #336699; font-weight: 900; font-size: 32px; letter-spacing: -0.64px; }
.training-page--gmp .section-price .card dl .price .jyosei small { display: block; margin-bottom: 5px; font-size: 14px; }
.training-page--gmp .section-price .card dl .price .jyosei p { margin-bottom: 5px; font-size: var(--font-size-regular); }
.training-page--gmp .section-price .card dl .price .jyosei p em { color: #336699; font-weight: 900; }
.training-page--gmp .section-price .card dl .price .jyosei .zei { font-weight: normal; font-size: 14px; }
.training-page--gmp .section-price .card .btn { transition: all cubic-bezier(0.075,0.820,0.165,1.000) 0.5s; display: inline-block; height: 50px; padding: 0 32px; border: 1px solid transparent; border-radius: 100px; background: #336699; color: #fff; font-weight: bold; line-height: 49px; text-align: center; white-space: nowrap; text-shadow: none; cursor: pointer; }

.training-page--gmp .section-price .card .btn { display: block; width: 90%; margin: 10px auto 30px; background-color: #336699; }
.training-page--gmp .section-curriculum .inner { padding: 0 20px; }
.training-page--gmp .section-curriculum .desc { text-align: center; }
.training-page--gmp .section-curriculum .boxs { position: relative; border-radius: 5px; background-color: #fff; }
.training-page--gmp .section-curriculum .boxs>.item { padding: 10px 20px 20px; }
.training-page--gmp .section-curriculum .boxs>.item .parent { width: 100%; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody { display: block; width: 100%; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr { display: block; width: 100%; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td, .training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>th { display: block; width: 100%; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr { position: relative; padding: 15px 0; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr:last-child { padding-bottom: 0; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr:last-child:after { display: none; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f5f5f5; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td { margin-top: 8px; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td .pickup { margin-top: 5px; font-size: var(--font-size-regular); }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td .pickup a:hover { text-decoration: underline; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td .pickup:before { content: "Pickup"; background-color: #ecaa00; color: #232323; padding: 2px 8px; margin-right: 10px; font-weight: bold; font-size: var(--font-size-regular); }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td.toggle { width: 100%; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td.num span { font-weight: bold; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td>.list li:last-child { margin-bottom: 0; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td>.list li { position: relative; margin-bottom: 8px; padding-left: 16px; line-height: 1.4; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td>.list li:before { content: ""; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 6px; height: 6px; border-radius: 50%; background-color: #ccc; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td h3 { position: relative; margin-top: 10px; padding: 16px; padding-right: 50px; border-radius: 8px; background-color: #f5f5f5; line-height: 1.6; cursor: pointer; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td h3.active:after { content: "−"; font-variant: normal; font-weight: normal; font-family: sans-serif!important; text-transform: none; speak: none; }
.training-page--gmp .section-curriculum .boxs>.item .parent>tbody>tr>td h3:after { content: "+"; font-variant: normal; font-weight: normal; font-family: sans-serif!important; text-transform: none; speak: none; position: absolute; top: 50%; right: 3%; transform: translateY(-50%); transition: all cubic-bezier(0.075,0.820,0.165,1.000) 0.5s; }
.training-page--gmp .section-curriculum .boxs>.item .btn { transition: all cubic-bezier(0.075,0.820,0.165,1.000) 0.5s; display: inline-block; height: 50px; padding: 0 32px; border: 1px solid transparent; border-radius: 100px; background: #336699; color: #fff; font-weight: bold; line-height: 49px; text-align: center; white-space: nowrap; text-shadow: none; cursor: pointer; }

.training-page--gmp .section-curriculum .boxs>.item .btn { display: block; width: 300px; margin: 40px auto; background-color: #ecaa00; }
}

.training-page--gmp > section > .inner { width: min(1200px, calc(100% - 40px)); }
.training-page--gmp .section-price .card .items .sm-8 { font-size: var(--font-size-regular); }
.training-page--gmp .section-price .card dl .date { font-size: 20px; font-weight: 700; line-height: 1.6; }
@media (min-width: 1024px) {
  .training-page--gmp > .sectionTeacher > .inner { width: 100%; max-width: none; }
  .training-page--gmp > .section-cta > .inner > .desc { width: min(900px, 100%); }
}
.training-page--gmp .section-fv { isolation: isolate; }
.training-page--gmp .section-fv__bg { position: absolute; inset: 0; z-index: -1; width: 100%; max-width: none; height: 100%; object-fit: cover; }
.training-page--gmp .section-fv .inner__box { max-width: 100%; }
.training-page--gmp .section-fv .box { max-width: 100%; }
.training-page--gmp .section-fv .box figure img { max-width: 100%; }
.training-page--gmp .section-fv .idigi-cta { font-size: var(--font-size-regular); }
.training-page--gmp #toggle-btn button { display: block; width: 100%; height: 100%; padding: 12px; font: inherit; line-height: 1.5; text-align: center; border-radius: inherit; }
.training-page--gmp .section-curriculum .btns li { padding: 0; min-width: 0; }
.training-page--gmp .section-curriculum .boxs > .item { display: block; }
.training-page--gmp .section-curriculum .boxs > .item[hidden] { display: none; }
.training-page--gmp .section-curriculum .sp-table-inner { width: 100%; table-layout: fixed; }
.training-page--gmp .section-curriculum .sp-table-inner td { padding: 12px; border-bottom: 1px dotted #ddd; vertical-align: top; overflow-wrap: anywhere; }
.training-page--gmp .section-curriculum .sp-table-inner .syou, .training-page--gmp .section-curriculum .sp-table-inner .chapter { font-weight: 700; }
.training-page--gmp .section-curriculum .boxs .item .parent > tbody > tr > td { min-width: 0; }
.training-page--gmp .section-curriculum .btn { max-width: 100%; white-space: normal !important; height: auto !important; min-height: 50px; line-height: 1.6 !important; padding: 12px 20px !important; }
.training-page--gmp .section-faq { padding-top: 0; }
@media (min-width: 1024px) and (max-width: 1199px) {
  .training-page--gmp .section-fv .inner { height: auto; min-height: 780px; }
  .training-page--gmp .section-fv .datearea .pagetitle { font-size: clamp(32px, 4vw, 48px); }
  .training-page--gmp .section-fv .inner .box { padding-inline: 30px; }
  .training-page--gmp .section-price .card { min-height: 0; padding-left: 30px; }
  .training-page--gmp .section-price .card:before { display: none; }
  .training-page--gmp .section-curriculum .boxs .item { padding: 30px; }
  .training-page--gmp .section-curriculum .boxs .item .parent > tbody > tr > th { width: 130px; flex-shrink: 0; }
  .training-page--gmp .section-curriculum .boxs .item .parent > tbody > tr > td { flex: 1; }
}
@media (max-width: 1023px) {
  .training-page--gmp > :is(.section-kadai, .section-whatsgmp, .section-ga4, .section-st, .section-price, .section-realtime, .section-faq) > .inner { width: 100%; }
  .training-page--gmp .section-jyoseimore .flex .item h3 { font-size: 24px; }
  .training-page--gmp .section-fv > .inner { width: 100%; }
  .training-page--gmp .section-fv .inner { min-height: 0; height: auto; }
  .training-page--gmp .section-fv .inner__box { width: 100%; }
  .training-page--gmp .section-fv .inner .box .desc { font-size: 15px; }
  .training-page--gmp .section-fv .inner .box .jyosei { margin-bottom: 0; }
  .training-page--gmp .section-fv .inner .box .jyosei li { text-align: center; }
  .training-page--gmp .section-fv .inner .box .jyosei small { display: inline; margin-bottom: 0; font-size: 13.5px; }
  .training-page--gmp .section-fv .inner .box .jyosei .mid { font-size: 18.9px; }
  .training-page--gmp .section-fv .inner .box .jyosei .big { font-size: 42px; }
  .training-page--gmp .section-fv .inner .box .jyosei p { font-size: 15px; line-height: 1; }
  .training-page--gmp .section-fv .inner .box .jyosei .zei { font-size: 12px; }
  .training-page--gmp .section-fv .inner .box .jyosei li:first-child { margin-bottom: 0; }
  .training-page--gmp .section-fv .inner .box .jyosei li:last-child { margin-bottom: 0; }
  .training-page--gmp .section-curriculum .btns { align-items: stretch; }
  .training-page--gmp .section-curriculum .btns li, .training-page--gmp .section-curriculum .btns li.active { height: auto; font-size: var(--font-size-regular); }
  .training-page--gmp .section-curriculum .boxs > .item { padding: 20px; }
  .training-page--gmp .section-curriculum .sp-table-inner, .training-page--gmp .section-curriculum .sp-table-inner tbody, .training-page--gmp .section-curriculum .sp-table-inner tr, .training-page--gmp .section-curriculum .sp-table-inner td { display: block; width: 100%; }
  .training-page--gmp .section-curriculum .sp-table-inner td { padding: 12px 0; }
  .training-page--gmp .section-curriculum .sp-table-inner .syou { margin: 20px 0 8px; padding: 16px; border: 1px solid var(--base); text-align: center; }
  .training-page--gmp .section-curriculum .sp-table-inner .chapter { padding: 16px; background: repeating-linear-gradient(-45deg, #eee 0 1px, #fff 1px 4px); }
  .training-page--gmp .section-curriculum .sp-table-inner .none:empty { display: none; }
}

.training-page--gmp .section-ga4, .training-page--gmp .section-price { overflow-x: clip; }
@media (min-width: 768px) and (max-width: 1023px) {
  .training-page--gmp .section-realtime .flex { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
  .training-page--gmp .section-realtime .flex > :is(.left, .right) { min-width: 0; width: auto; margin-bottom: 0; }
  .training-page--gmp .section-jyoseimore .flex .item h3 { min-height: 116px; }
}
@media (max-width: 1023px) {
  .training-page--gmp .section-fv .inner .datearea .pagetitle { font-size: clamp(24px, 7.2vw, 32px); }
}
@media (max-width: 1023px) {
  .training-page--gmp .section-curriculum .btns { display: flex; justify-content: flex-start; gap: 10px; margin: 30px 0 12px; padding-block: 6px; overflow-x: auto; }
  .training-page--gmp .section-curriculum .btns li { flex: 0 0 auto; background: #e5e5e5; border-radius: 5px; }
  .training-page--gmp .section-curriculum .btns li.active { background: #fff; font-weight: 700; }
  .training-page--gmp .section-curriculum .btns button { white-space: nowrap; padding: 14px; }
  .training-page--gmp .section-curriculum > .inner { padding-inline: 0; }
}