@media screen and (max-width: 1680px){.topL{margin-right: 70px;}.menuDl dd{padding: 0 5px;}.menuLocation{padding: 45px 120px 110px;}.menuC{padding: 0 0 0 120px;}.widthCon{width: 1500px;}.footerC{width: 1200px;}.footerMenu dd{margin-right: 10px;}.tableConBox .tabCon{height: 428px;overflow: hidden;}.tableConBox .tabCon dd .conBox{padding: 5px 0 5px;}.columnScroll .cloumn1Btn .next{right: -70px;}.columnScroll .cloumn1Btn .prev{left: -70px;}}
@media screen and (max-width: 1650px){.topL{margin-right: 30px;}.menuLocation a{margin: 0 20px;}.menuList dd{width: 120px;}.menuBox{left: 15%;}}
@media screen and (max-width: 1500px){.menuDl{display: none;}.menuLocation a{margin: 0 10px;}.menuBox{left: 10%;}.footerMenu dd{margin-right: 10px;}.widthCon{width: 1300px;}.pg-top-pickup__cell h3{padding-top: 70px;}}
@media screen and (max-width: 1366px){.menuBox{left: 5%;}.widthCon{width: 1200px;}.pg-top-pickup__cell h3{padding-top: 60px;}}
@media screen and (max-width: 1200px){.menuBox{left: 5%;}.widthCon{width: 1100px;}.tableDl dd{padding: 0 35px;}.pg-top-pickup__cell h3{padding-top: 40px;font-size: 20px;}}
@media screen and (max-width: 1000px){.col1Left{display: none;}.tabTitle{float: left;}.pg-top-pickup__cell h3{padding-top: 30px;}}
@media screen and (max-width: 414px){.tableDl dd{padding: 0 15px;margin-left: 6px;}.hdpc{display: none;}.c-objectfit1{display: block;}.tableConBox{width: 380px;}.tableConBox .tabCon dd .conBox .conLeft .title{overflow: hidden;text-overflow:ellipsis;width: 290px;}.fadeInDown{padding-left:0px;}.column1{padding: 0 0 0rem;}}


@charset "UTF-8";
.pg-course-hero{position: relative;overflow: hidden}
@media screen and (min-width:1024px){.pg-course-hero{top: -11rem;margin-bottom: -11rem;padding-top: 11rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-hero{top: -8rem;margin-bottom: -8rem;padding-top: 8rem}}
@media screen and (max-width:560px){.pg-course-hero{top: -6rem;margin-bottom: -6rem;padding-top: 6rem}}
@media screen and (min-width:1024px){.pg-course-hero::before{content: '';display: block;width: 100%;height: 2.8rem;background-color: #fff;position: absolute;left: 0;bottom: 0;z-index: 2}}
@media screen and (min-width:1024px){.pg-course-hero__visual{display: flex;justify-content: space-between;min-height: 68rem}}
.pg-course-hero__visual__contents{position: relative;z-index: 1;color: #fff}
@media screen and (min-width:1024px){.pg-course-hero__visual__contents{display: flex;align-items: center;width: 36%;padding-left: 5.88235%;padding-bottom: 3rem}}
@media screen and (max-width:1023px){.pg-course-hero__visual__contents{padding: 5.5rem 0 5rem}}
.pg-course-hero__visual__contents__inner{position: relative;z-index: 1}
@media screen and (min-width:1024px){.pg-course-hero__visual__contents__inner{border-left: solid .3rem #fff;padding-left: 2.5rem}}
@media screen and (max-width:1023px){.pg-course-hero__visual__contents__inner{padding-left: 6.66667%}}
.pg-course-hero__visual__en{text-transform: uppercase;font-family: Roboto, sans-serif;letter-spacing: .12em;line-height: 1}
@media screen and (min-width:1024px){.pg-course-hero__visual__en{font-size: 4.4rem;margin-top: -.11364em;margin-bottom: 2.3rem}}
@media screen and (max-width:1023px){.pg-course-hero__visual__en{margin-bottom: 2rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-hero__visual__en{font-size: 4rem}}
@media screen and (max-width:560px){.pg-course-hero__visual__en{font-size: 3.4rem}}
.pg-course-hero__visual__en span{display: block}
@media screen and (min-width:1024px){.pg-course-hero__visual__en span:not(:last-of-type){margin-bottom: 1.5rem}}
@media screen and (max-width:1023px){.pg-course-hero__visual__en span:not(:last-of-type){margin-bottom: 1rem}}
.pg-course-hero__visual__title{font-family: UD新ゴNT DB, sans-serif;-webkit-font-feature-settings: 'palt'1;font-feature-settings: 'palt'1;letter-spacing: .12em;line-height: 1}
@media screen and (min-width:1024px){.pg-course-hero__visual__title{font-size: 1.8rem;font-size: max(1.8rem, 15px)}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-hero__visual__title{font-size: 1.5rem;font-size: max(1.5rem, 13px)}}
@media screen and (max-width:560px){.pg-course-hero__visual__title{font-size: 1.3rem;font-size: max(1.3rem, 12px)}}
.pg-course-hero__visual__course{display: flex;align-items: flex-start;flex-direction: column}
@media screen and (min-width:1024px){.pg-course-hero__visual__course{margin-top: 4rem}}
@media screen and (max-width:1023px){.pg-course-hero__visual__course{margin-top: 3rem}}
.pg-course-hero__visual__course li{border-radius: 100px;border: solid 1px #fff;font-weight: 600;line-height: 1}
@media screen and (min-width:1024px){.pg-course-hero__visual__course li{font-size: 1.1rem;padding: .75rem 1.5rem}}
@media screen and (max-width:1023px){.pg-course-hero__visual__course li{font-size: 1rem;padding: .8rem 1.6rem}}
.pg-course-hero__visual__course li:not(:last-of-type){margin-bottom: 1rem}
.pg-course-hero__visual__overlay{position: absolute;top: 40.57143%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;mix-blend-mode: overlay;pointer-events: none}
@media screen and (min-width:1024px){.pg-course-hero__visual__overlay{left: 29.90654%}}
@media screen and (max-width:1023px){.pg-course-hero__visual__overlay{left: 6.66667%}}
@media screen and (min-width:1024px){.pg-course-hero__visual__overlay.-type2{top: 44.5%}}
body.use-not-mix-blend-mode .pg-course-hero__visual__overlay{opacity: .4}
.pg-course-hero__bg{width: 100vw;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;z-index: 0}
@media screen and (min-width:1024px){.pg-course-hero__bg{min-height: 79rem;top: -11rem;margin-bottom: -11rem;padding-top: 11rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-hero__bg{top: -8rem;margin-bottom: -8rem;padding-top: 8rem}}
@media screen and (max-width:560px){.pg-course-hero__bg{top: -6rem;margin-bottom: -6rem;padding-top: 6rem}}
.pg-course-hero__bg img{-webkit-transform: rotate(.0001deg) translate3d(0, 0, 0);transform: rotate(.0001deg) translate3d(0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden}
.pg-course-hero__visual__img{position: relative;z-index: 3;overflow: hidden}
@media screen and (min-width:1024px){.pg-course-hero__visual__img{width: 64%}}
@media screen and (max-width:1023px){.pg-course-hero__visual__img{display: flex;justify-content: space-between}}
@media screen and (min-width:1024px){.pg-course-hero__visual__img__scroll{display: none}}
@media screen and (max-width:1023px){.pg-course-hero__visual__img__scroll{width: 6.66667%;display: flex;flex-direction: column;justify-content: flex-end}.pg-course-hero__visual__img__scroll::after{content: '';width: 100%;height: 50%;background-color: #fff}}
.pg-course-hero__visual__img__inner{height: 100%}
@media screen and (max-width:1023px){.pg-course-hero__visual__img__inner{position: relative;z-index: 2;width: 93.33333%;margin: 0 0 0 auto}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-hero__visual__img__inner{height: 60rem}}
@media screen and (max-width:560px){.pg-course-hero__visual__img__inner::after{content: '';display: block;padding-top: 85.42857%}}
.pg-course-hero__scroll{position: absolute;z-index: 1;left: 5.88235%;bottom: 2.8rem}
@media screen and (max-width:1023px){.pg-course-hero__scroll{display: none}}
@media screen and (min-width:1024px){.pg-course-hero--ie .pg-course-hero__visual__overlay{width: 128.8rem;min-width: 128.8rem}}
@media screen and (max-width:1023px){.pg-course-hero--ie .pg-course-hero__visual__overlay{width: 70rem;min-width: 70rem}}
@media screen and (max-width:1023px){.pg-course-hero--ie .pg-course-hero__bg img{-o-object-position: 30% 50%;object-position: 30% 50%;background-position: 30% 50%}}
@media screen and (min-width:1024px){.pg-course-hero--dc .pg-course-hero__visual__overlay{width: 90.5rem;min-width: 90.5rem}}
@media screen and (max-width:1023px){.pg-course-hero--dc .pg-course-hero__visual__overlay{width: 49.18478rem;min-width: 49.18478rem}}
@media screen and (min-width:1024px){.pg-course-hero--ib .pg-course-hero__visual__overlay{width: 128.8rem;min-width: 128.8rem}}
@media screen and (max-width:1023px){.pg-course-hero--ib .pg-course-hero__visual__overlay{width: 70rem;min-width: 70rem}}
@media screen and (min-width:1024px){.pg-course-hero--ij .pg-course-hero__visual__overlay{width: 103.6rem;min-width: 103.6rem}}
@media screen and (max-width:1023px){.pg-course-hero--ij .pg-course-hero__visual__overlay{width: 56.30435rem;min-width: 56.30435rem}}
@media screen and (min-width:1024px){.pg-course-hero--sb .pg-course-hero__visual__overlay{width: 95.1rem;min-width: 95.1rem}}
@media screen and (max-width:1023px){.pg-course-hero--sb .pg-course-hero__visual__overlay{width: 51.68478rem;min-width: 51.68478rem}}
.pg-course-container{position: relative;z-index: 10}
@media screen and (max-width:1023px){.pg-course-container{background-color: #fff}}
@media screen and (min-width:1024px){.pg-course-container::after{content: '';display: block;width: calc(100% - 2rem);height: 100%;border-radius: 0 0 .5rem 0;background-color: #fff;position: absolute;top: 0;left: 0;z-index: 1}}
@media screen and (min-width:1024px){.pg-course-container__bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1}}
@media screen and (max-width:1023px){.pg-course-container__bg{display: none}}
.pg-course-container__main{position: relative;z-index: 100}
@media screen and (min-width:1024px){.pg-course-container__main{padding-bottom: 7rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-container__main{padding-bottom: 6rem}}
@media screen and (max-width:560px){.pg-course-container__main{padding-bottom: 4rem}}
@media screen and (min-width:769px){.pg-course-breadcrumb{padding: 3rem 0 2.4rem}}
@media screen and (max-width:768px){.pg-course-breadcrumb{height: .1rem}}
.pg-course-lead{position: relative}
@media screen and (min-width:1024px){.pg-course-lead{margin-top: 4.8rem}}
@media screen and (max-width:1023px){.pg-course-lead{padding-left: 2.5rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-lead{margin-top: 4rem}}
@media screen and (max-width:560px){.pg-course-lead{margin-top: 3rem}}
.pg-course-lead__title{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-font-feature-settings: normal;font-feature-settings: normal;color: #a6a6a6;font-family: Roboto, sans-serif;letter-spacing: .08em;line-height: 1;position: absolute;top: .5rem}
@media screen and (min-width:1024px){.pg-course-lead__title{font-size: 1.2rem;font-size: max(1.2rem, 11px);left: -3.7rem}}
@media screen and (max-width:1023px){.pg-course-lead__title{font-size: 1rem;left: -.1rem}}
.pg-course-lead__sub{letter-spacing: .08em;line-height: 1.6}
@media screen and (min-width:1024px){.pg-course-lead__sub{font-size: 1.6rem;font-size: max(1.6rem, 14px);margin-bottom: 1.6rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-lead__sub{font-size: 1.4rem;font-size: max(1.4rem, 13px);margin-bottom: 1rem}}
@media screen and (max-width:560px){.pg-course-lead__sub{font-size: 1.2rem;font-size: max(1.2rem, 11px);margin-bottom: 1rem}}
.pg-course-lead__copy{font-family: UD新ゴNT DB, sans-serif}
@media screen and (min-width:561px){.pg-course-lead__copy{line-height: 1.38095;margin-bottom: 2rem}}
@media screen and (min-width:1024px){.pg-course-lead__copy{font-size: 4.2rem;font-size: max(4.2rem, 36px)}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-lead__copy{font-size: 3.2rem;font-size: max(3.2rem, 28px)}}
@media screen and (max-width:560px){.pg-course-lead__copy{font-size: 2rem;font-size: max(2rem, 16px);line-height: 1.5;margin-bottom: 1.2rem}}
.pg-course-lead__copy span{display: inline-block}
.pg-course-lead__text{color: #555;letter-spacing: .08em}
@media screen and (min-width:561px){.pg-course-lead__text{line-height: 2.375}}
@media screen and (min-width:1024px){.pg-course-lead__text{font-size: 1.6rem;font-size: max(1.6rem, 14px);margin-bottom: -3rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-lead__text{font-size: 1.4rem;font-size: max(1.4rem, 13px)}}
@media screen and (max-width:560px){.pg-course-lead__text{font-size: 1.3rem;font-size: max(1.3rem, 12px);line-height: 1.84615}}
@media screen and (max-width:560px){.pg-course-lead__text br{display: none}}
.pg-course-feature__list{counter-reset: item}
@media screen and (min-width:1024px){.pg-course-feature__list{margin-bottom: 4rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-feature__list{margin-bottom: 3.2rem}}
@media screen and (max-width:560px){.pg-course-feature__list{margin-bottom: 2.4rem}}
.pg-course-feature__list li{display: flex;align-items: center;/* border-radius: .5rem; */box-shadow: 0 1px 0 #e6e6e6;/* background-color: #f6f6f6; */line-height: 1}
@media screen and (min-width:1024px){.pg-course-feature__list li{min-height: 4.5rem;/* padding: 2.4rem 3rem */}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-feature__list li{padding: 2rem 2.4rem}}
@media screen and (max-width:560px){.pg-course-feature__list li{padding: 1.4rem 1.6rem}}
@media screen and (min-width:1024px){.pg-course-feature__list li:not(:last-of-type){margin-bottom: 0.5rem}}
@media screen and (max-width:1023px){.pg-course-feature__list li:not(:last-of-type){margin-bottom: .9rem}}
.pg-course-feature__list p{flex: 1;color: #333;font-weight: 600}
@media screen and (min-width:1024px){.pg-course-feature__list p{font-size: 1.6rem;font-size: max(1.6rem, 13px);line-height: 1.5}}
@media screen and (max-width:1023px){.pg-course-feature__list p{line-height: 1.53846}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-feature__list p{font-size: 1.4rem;font-size: max(1.4rem, 12px)}}
@media screen and (max-width:560px){.pg-course-feature__list p{font-size: 1.3rem;font-size: max(1.3rem, 11px)}}
.pg-course-feature__list__num{display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #fff;font-family: Roboto, sans-serif;font-weight: 600}
@media screen and (min-width:1024px){.pg-course-feature__list__num{width: 4rem;height: 4rem;font-size: 1.9rem;margin-right: 2.5rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-feature__list__num{width: 3.2rem;height: 3.2rem;font-size: 1.6rem;margin-right: 2rem}}
@media screen and (max-width:560px){.pg-course-feature__list__num{width: 2.4rem;height: 2.4rem;font-size: 1.2rem;margin-right: 1.6rem}}
.pg-course-feature__list__num::before{counter-increment: item;content: counter(item)}
@media screen and (min-width:561px){.pg-course-course__list{display: flex;margin-left: -3.2rem}}
.pg-course-course__list li{border-top: solid 1px #e7e7e7}
@media screen and (min-width:561px){.pg-course-course__list li{width: calc(50% - 3.2rem);padding-top: 2.6rem;margin-left: 3.2rem}body.ua-edge .pg-course-course__list li,body.ua-ie .pg-course-course__list li{width: calc((50% - 3.2rem) - .1px)}}
@media screen and (max-width:560px){.pg-course-course__list li{padding: 2rem 0}.pg-course-course__list li:last-of-type{padding-bottom: 0}}
.pg-course-course__list h3{color: #333;font-weight: 600;font-size: 1.6rem;font-size: max(1.6rem, 14px);margin-bottom: 1rem}
@media screen and (min-width:1024px){.pg-course-course__list figure{margin-bottom: 1.6rem}}
@media screen and (max-width:1023px){.pg-course-course__list figure{margin-bottom: 1rem}}
.pg-course-course__list p{text-align: justify}
.pg-course-course__list__logo{width: 100%}
@media screen and (min-width:1024px){.pg-course-course__list__logo{max-width: 19.9rem;margin-top: 1.8rem}}
@media screen and (max-width:1023px){.pg-course-course__list__logo{max-width: 16rem;margin-top: 1rem}}
@media screen and (min-width:1024px){.pg-course-lesson__course{margin-bottom: 4rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-lesson__course{margin-bottom: 3.2rem}}
@media screen and (max-width:560px){.pg-course-lesson__course{margin-bottom: 2rem}}
@media screen and (min-width:1024px){.pg-course-lesson__course>div:not(:last-of-type){margin-bottom: 2.4rem}}
@media screen and (max-width:1023px){.pg-course-lesson__course>div:not(:last-of-type){margin-bottom: 2rem}}
.pg-course-lesson__course h3{color: #333;font-family: UD新ゴNT DB, sans-serif;font-size: 1.3rem;font-size: max(1.3rem, 12px);line-height: 1;margin-bottom: 1.6rem}
.pg-course-lesson__list{display: flex;flex-wrap: wrap;border-left: solid 1px #e7e7e7}
.pg-course-lesson__list li{display: flex;align-items: center;justify-content: center;border-bottom: solid 1px #e7e7e7;border-right: solid 1px #e7e7e7;text-align: center;color: #333;line-height: 1.5}
@media screen and (min-width:1024px){.pg-course-lesson__list li{width: 33.333%;font-size: 1.3rem;font-size: max(1.3rem, 12px);padding: 1.5rem 1rem}.pg-course-lesson__list li:nth-of-type(1),.pg-course-lesson__list li:nth-of-type(2),.pg-course-lesson__list li:nth-of-type(3){border-top: solid 1px #e7e7e7}}
@media screen and (max-width:1023px){.pg-course-lesson__list li{width: 50%;min-height: 4.2rem;padding: .4rem 1rem}.pg-course-lesson__list li:nth-of-type(1),.pg-course-lesson__list li:nth-of-type(2){border-top: solid 1px #e7e7e7}}
.pg-course-lesson__list__pop{font-weight: 600}
.pg-course-lesson__list__pop>span{position: relative;height: 100%;display: flex;align-items: center}
.pg-course-lesson__list__badge{position: absolute;top: 0;-webkit-animation: bound 1.4s ease infinite;animation: bound 1.4s ease infinite}
@media screen and (min-width:1024px){.pg-course-lesson__list__badge{width: 3.1rem;top: -2.5rem;left: -3.7rem}}
@media screen and (max-width:1023px){.pg-course-lesson__list__badge{width: 2.5rem;top: -1.1rem;left: -3.2rem}}
.pg-course-lesson__pop__header{display: flex;align-items: baseline}
@media screen and (min-width:561px){.pg-course-lesson__pop__header{margin-bottom: 2rem}}
@media screen and (max-width:560px){.pg-course-lesson__pop__header{margin-bottom: 1.2rem}}
.pg-course-lesson__pop__header h3{font-weight: 600;margin-right: 1rem}
@media screen and (min-width:561px){.pg-course-lesson__pop__header h3{font-size: 1.6rem;font-size: max(1.6rem, 14px)}}
@media screen and (max-width:560px){.pg-course-lesson__pop__header h3{font-size: 1.4rem;font-size: max(1.4rem, 13px)}}
.pg-course-lesson__pop__header p{color: #555;font-size: 1.2rem;font-size: max(1.2rem, 11px)}
@media screen and (min-width:1024px){.pg-course-lesson__pop__list{display: flex;flex-wrap: wrap;margin-left: -3.2rem}}
@media screen and (max-width:1023px){.pg-course-lesson__pop__list{border-top: solid 1px #e7e7e7}}
.pg-course-lesson__pop__list li{display: flex;align-items: flex-start;justify-content: space-between;border-bottom: solid 1px #e7e7e7;padding: 1.5rem 0}
@media screen and (min-width:1024px){.pg-course-lesson__pop__list li{width: calc(50% - 3.2rem);margin-left: 3.2rem}body.ua-edge .pg-course-lesson__pop__list li,body.ua-ie .pg-course-lesson__pop__list li{width: calc((50% - 3.2rem) - .1px)}.pg-course-lesson__pop__list li:nth-of-type(1),.pg-course-lesson__pop__list li:nth-of-type(2){border-top: solid 1px #e7e7e7}}
.pg-course-lesson__pop__list__figure{width: 31.25%}
.pg-course-lesson__pop__list__contents{width: 63.65741%}
@media screen and (min-width:1024px){.pg-course-lesson__pop__list__contents{padding-top: .6rem}}
.pg-course-lesson__pop__list__contents h4{font-weight: 600;line-height: 1.57143}
@media screen and (min-width:1024px){.pg-course-lesson__pop__list__contents h4{font-size: 1.4rem;font-size: max(1.4rem, 12px);margin-bottom: .2rem}}
@media screen and (max-width:1023px){.pg-course-lesson__pop__list__contents h4{font-size: 1.2rem;font-size: max(1.2rem, 11px);margin-bottom: .3rem}}
@media screen and (min-width:1024px){.pg-course-lesson__pop__list__contents h4 span{display: block;color: #555;font-weight: 600;font-size: 1.1rem;margin-bottom: .8rem}}
@media screen and (max-width:1023px){.pg-course-lesson__pop__list__contents h4 span{font-size: 1rem}.pg-course-lesson__pop__list__contents h4 span::before{content: '（'}.pg-course-lesson__pop__list__contents h4 span::after{content: '）'}}
@media screen and (min-width:1024px){.pg-course-lesson__special{margin-top: 6.5rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-lesson__special{margin-top: 5.2rem}}
@media screen and (max-width:560px){.pg-course-lesson__special{margin-top: 3.25rem}}
.pg-course-lesson__special a{display: block;width: 100%;height: 100%}
.pg-course-lesson__special a.is-hover:hover{opacity: .8}
.pg-course-lesson__special figure{border-radius: .3rem .3rem 0 0;overflow: hidden}
.pg-course-flow{position: relative}
@media screen and (max-width:768px){.pg-course-flow::before{content: '';display: block;width: 100vw;height: 100%;background-color: #fbfbfb;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1}}
.pg-course-flow__switch{display: flex;margin-left: -1rem}
.pg-course-flow__switch li{flex-basis: 100%;margin-left: 1rem;overflow: hidden}
@media screen and (min-width:1024px){.pg-course-flow__switch li{border-radius: 1rem 1rem 0 0}}
@media screen and (max-width:1023px){.pg-course-flow__switch li{border-radius: .5rem .5rem 0 0}}
.pg-course-flow__switch li:not(.is-active) button{background: #cecece !important}
.pg-course-flow__switch button{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;color: #fff;text-align: center;font-weight: 600;line-height: 1}
@media screen and (min-width:1024px){.pg-course-flow__switch button{min-height: 6rem;border-radius: 1rem 1rem 0 0;font-size: 1.6rem;font-size: max(1.6rem, 14px);padding: 2rem 0}}
@media screen and (max-width:1023px){.pg-course-flow__switch button{border-radius: .5rem .5rem 0 0;font-size: 1.4rem;font-size: max(1.4rem, 13px);padding: 2rem 0}}
@media screen and (max-width:414px){.pg-course-flow__switch button{font-size: 1.2rem}}
.pg-course-flow__switch button::before{content: '';display: block;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;margin-right: .8rem}
.pg-course-flow__switch__calendar button::before{background-image: url(../img/common/icon/calendar-white.svg)}
@media screen and (min-width:1024px){.pg-course-flow__switch__calendar button::before{width: 2rem;height: 2rem}}
@media screen and (max-width:1023px){.pg-course-flow__switch__calendar button::before{width: 1.6rem;height: 1.6rem}}
.pg-course-flow__switch__schedule button::before{background-image: url(../img/common/icon/open-book.svg)}
@media screen and (min-width:1024px){.pg-course-flow__switch__schedule button::before{width: 2.4rem;height: 1.8rem}}
@media screen and (max-width:1023px){.pg-course-flow__switch__schedule button::before{width: 1.92rem;height: 1.44rem}}
.pg-course-flow__body{background-color: #fbfbfb}
@media screen and (min-width:1024px){.pg-course-flow__body{padding: 2rem}}
@media screen and (max-width:1023px){.pg-course-flow__body{padding: 1rem 0}}
.pg-course-flow__cell:not(.is-active){display: none}
@media screen and (min-width:1024px){.pg-course-flow__table>div{display: flex}}
.pg-course-flow__table>div:not(:last-of-type){margin-bottom: 1rem}
.pg-course-flow__table__grade{display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 600}
@media screen and (min-width:1024px){.pg-course-flow__table__grade{width: 10.5rem;border-radius: .5rem;font-size: 1.6rem;font-size: max(1.6rem, 14px);margin-right: 1rem}}
@media screen and (max-width:1023px){.pg-course-flow__table__grade{border-radius: .3rem;font-size: 1.4rem;font-size: max(1.4rem, 13px);padding: 1.6rem 1rem;margin-bottom: 1rem}}
.pg-course-flow__table__contents{flex: 1}
.pg-course-flow__table__contents dl{display: flex;border: solid 1px #e7e7e7;overflow: hidden}
@media screen and (min-width:1024px){.pg-course-flow__table__contents dl{border-radius: .5rem}}
@media screen and (max-width:1023px){.pg-course-flow__table__contents dl{align-items: baseline;border-radius: .3rem}}
.pg-course-flow__table__contents dl:not(:last-of-type){margin-bottom: .5rem}
@media screen and (max-width:1023px){.pg-course-flow__table__contents dd,.pg-course-flow__table__contents dt{padding: 1.2rem 1.5rem}}
.pg-course-flow__table__contents dt{background-color: #f8f8f8;text-align: center;font-weight: 600}
@media screen and (min-width:1024px){.pg-course-flow__table__contents dt{display: flex;align-items: center;justify-content: center;width: 9rem;font-size: 1.4rem;font-size: max(1.4rem, 13px)}}
@media screen and (max-width:1023px){.pg-course-flow__table__contents dt{position: relative;z-index: 1;width: 6.5rem;font-size: 1.3rem;font-size: max(1.3rem, 12px)}}
.pg-course-flow__table__contents dd{position: relative;flex: 1;background-color: #fff}
@media screen and (min-width:1024px){.pg-course-flow__table__contents dd{padding: 1.4rem 1.8rem}}
@media screen and (max-width:1023px){.pg-course-flow__table__contents dd::after{content: '';display: block;width: 6.5rem;height: 100%;background-color: #f8f8f8;position: absolute;top: 0;right: 100%;z-index: 0}}
.pg-course-flow__table__contents dd>:not(:last-child){margin-bottom: .3rem}
.pg-course-flow__table__contents__main{color: #333;font-weight: 600}
@media screen and (min-width:1024px){.pg-course-flow__table__contents__main{font-size: 1.3rem;font-size: max(1.3rem, 12px);line-height: 2}}
@media screen and (max-width:1023px){.pg-course-flow__table__contents__main{font-size: 1.2rem;font-size: max(1.2rem, 11px);line-height: 1.83333}}
@media screen and (min-width:1024px){.pg-course-gallery{height: 55rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-gallery{height: 33rem}}
@media screen and (max-width:560px){.pg-course-gallery{height: 19.9rem}}
.pg-course-gallery__inner{overflow: hidden}
@media screen and (min-width:561px){.pg-course-gallery__slider__cell{margin: 0 .8rem}}
@media screen and (min-width:1024px){.pg-course-gallery__slider__cell{width: 89.5rem}}
@media screen and (max-width:1023px) and (min-width:561px){.pg-course-gallery__slider__cell{width: 53.7rem}}
@media screen and (max-width:560px){.pg-course-gallery__slider__cell{width: 32.4rem;margin: 0 .5rem}}
.pg-course-interview{border-top: solid 1px #e7e7e7}
.pg-course-interview a{display: flex;align-items: center;justify-content: space-between;border-bottom: solid 1px #e7e7e7;padding: 1.6rem 0}
.pg-course-interview__figure{position: relative}
@media screen and (min-width:1024px){.pg-course-interview__figure{width: 15.68715%}}
@media screen and (max-width:1023px){.pg-course-interview__figure{width: 32%}}
.pg-course-interview__figure::after{content: '';display: block}
@media screen and (min-width:561px){.pg-course-interview__figure::after{padding-top: 61.79245%}.p-hero__localnav1 li{width: 100%;}}
@media screen and (max-width:560px){.pg-course-interview__figure::after{padding-top: 100%}}
@media screen and (min-width:1024px){.pg-course-interview__contents{width: 81.18436%}.neirong{width: 100%;}.contenty{width:1000px;margin: 0 auto;overflow:hidden;padding-bottom: 2%;}.c-flex{width:100%;margin: 0 auto;}.p-hero__localnav1{width:100%;margin: 0 auto; display: flex;}.containernew{width: 100%; float: right;}.containernew li{list-style-type: none; line-height: 43px; display: flow-root;}.containernew li span{font-size: 18px;float: left;}.containernew li p{font-size: 18px;float: right;}.p-hero__localnav1 ul{width: 100%;}.p-hero__localnav1 li{width: 14%;float: left;}.p-hero__localnav1 li:not(:last-of-type) a{padding: 2rem 1rem;}.p-hero__localnav1 a{text-align: center;}.p-hero__localnav1{padding-bottom:30px;}.p-hero__localnav1 li:last-of-type a{font-size: 14px;}}
@media screen and (max-width:1023px){.pg-course-interview__contents{width: 63.07692%}.p-hero__localnav1 li{display: flex;width: 25%;float: left;}.pg-course-interview__contents{width: 100%;}#a-feature{width: 100%;}}
@media screen and (min-width:1361px){.pg-course-interview__contents__inner{width: 100%}.p-hero__localnav1 li:last-of-type a{font-size: 16px;}.contenty{width:1440px;margin: 0 auto;overflow:hidden;padding-bottom: 2%;}.c-flex{width:70%;margin: 0 auto;}.p-hero__localnav1{width:20%;margin: 0 auto;float: left;}.containernew{width: 78%; float: right;}.containernew li{list-style-type: none; line-height: 43px; display: flow-root;}.containernew li span{font-size: 18px;float: left;}.containernew li p{font-size: 18px;float: right;}.p-hero__localnav1 ul{width: 100%;}.p-hero__localnav1 li{width: 100%;float: left;}.p-hero__localnav1 li:not(:last-of-type) a{padding: 2rem 1rem;font-size: 16px;}.p-hero__localnav1 a{text-align: center;}.p-hero__localnav1{padding-bottom:0px;}}
.pg-course-interview__contents__time{color: #777;font-weight: 600;line-height: 1;}
@media screen and (min-width:561px){.pg-course-interview__contents__time{font-size: 1.1rem;margin-bottom: 1rem}}
@media screen and (max-width:560px){.pg-course-interview__contents__time{font-size: 1rem;margin-bottom: .5rem}.tableConBox .tabCon dd{padding-left: 10px;}}
.pg-course-interview__contents__title{color: #333;font-weight: 600}
@media screen and (min-width:561px){.pg-course-interview__contents__title{font-size: 1.4rem;font-size: max(1.4rem, 13px);line-height: 1.71429;}}
@media screen and (max-width:560px){.pg-course-interview__contents__title{font-size: 1.2rem;font-size: max(1.2rem, 11px);line-height: 1.66667}#a-feature{float:none;padding-top: 283px;}.p-hero__localnav1 li{width: 49%;    height: 70px;}.u-pb-xlarge, .u-pb-xlarges>:not(:last-child){overflow: hidden;}.pg-course-interview__contents{width: 100%;}.contenty{width:348px;margin: 0 auto;overflow:hidden;padding-bottom: 2%;}.containernew{width: 100%; display: flow-root;}.containernew li{list-style-type: none; line-height: 43px; display: flow-root;}.containernew li span{font-size: 14px;float: left;width: 269px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.containernew li p{font-size: 14px;float: right;}}
.pg-course-interview__contents__title span{padding-bottom: .3rem}
.titlewz{float: left;}




















