@charset 'UTF-8';
body {
	background-color:#fff
}
.page-header {
	position:relative;
	background-position:center top;
	background-size:cover;
	background-repeat:no-repeat
}
.page-header__inner {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	height:215px
}
.page-header__hdg {
	color:#fff;
	font-weight:500;
	font-size:3.4rem;
	line-height:1
}
.page-header__hdg span {
	display:inline-block;
	padding:12px 13px 13px;
	background-color:#000;
	letter-spacing:.08em
}
.page-header .m-breadcrumb {
	position:absolute;
	top:10px;
	left:0;
	z-index:2;
	width:100%;
	color:#000
}
.sec-intro {
	padding:60px 0;
	text-align:center
}
.sec-intro__hdg {
	color:#054997;
	font-weight:500;
	font-size:3rem;
	line-height:1.33
}
.sec-intro__hdg span {
	color:#08b7ff
}
.sec-intro__lead {
	margin-top:28px;
	font-size:1.4rem;
	line-height:2
}
.sec-feature {
	padding:0 0 70px
}
.sec-feature .feature-list {
	margin-top:40px
}
.sec-feature .card {
	width:270px
}
.sec-feature .card__header {
	position:relative;
	margin:0 auto;
	width:220px;
	border:5px solid #000;
	border-radius:50%
}
.sec-feature .card__img {
	position:relative;
	overflow:hidden;
	padding-top:100%;
	border-radius:50%
}
.sec-feature .card__img img {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:auto;
	border-radius:50%
}
.sec-feature .card__num {
	position:absolute;
	top:-5px;
	left:-5px;
	z-index:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:56px;
	height:56px;
	border-radius:50%;
	background-color:#054997;
	color:#fff;
	font-weight:500;
	font-size:1.8rem
}
.sec-feature .card__body {
	padding:25px 0 0
}
.sec-feature .card__hdg {
	text-align:center;
	font-weight:500;
	font-size:1.8rem;
	line-height:2
}
.sec-feature .card__hdg span {
	background-color:#fff867
}
.sec-feature .card__txt {
	margin-top:15px;
	font-size:1.4rem;
	line-height:2
}
.sec-feature .recommend {
	margin-top:50px
}
.sec-feature .recommend .link {
	margin-top:15px;
	text-align:right
}
.sec-feature .recommend .unit {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	border:2px solid #000;
	border-radius:3px;
	line-height:1.75
}
.sec-feature .recommend .unit__hdg {
	position:relative;
	z-index:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	-webkit-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
	width:256px;
	background-color:#000;
	color:#fff;
	font-weight:700
}
.sec-feature .recommend .unit__hdg span {
	padding:0 25px;
	color:#fff867;
	line-height:1.41
}
.sec-feature .recommend .unit__hdg:before {
	position:absolute;
	top:50%;
	right:-5px;
	z-index:-1;
	width:40px;
	height:40px;
	border-radius:3px;
	background-color:#2ad5ce;
	content:'';
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg)
}
.sec-feature .recommend .unit__hdg:after {
	position:absolute;
	bottom:-2px;
	left:20px;
	display:block;
	width:144px;
	height:119px;
	background:url(/assets/img/courses/common/feature_recommend_img.png) no-repeat;
	content:''
}
.sec-feature .recommend .unit__hdg--chara:after {
	top:0;
	bottom:0;
	left:30px;
	margin:auto 0;
	width:125px;
	height:106px;
	background-image:url(/assets/img/courses/common/feature_recommend_img_chara.png);
	background-size:125px 106px
}
.sec-feature .recommend .unit__list {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	background:url(/assets/img/bg_pattern01.png);
	font-weight:500
}
.sec-feature .recommend .unit__list>li {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	padding:0 20px;
	width:25%;
	height:126px;
	text-align:center;
	font-size:1.6rem
}
.sec-feature .recommend .unit__list>li+li:before {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	display:block;
	margin:auto 0;
	width:1px;
	height:78px;
	border-left:1px dashed #c3cdd5;
	content:''
}
.sec-feature .recommend .unit__list .inner {
	position:relative
}
.sec-feature .recommend .unit__list .inner:before {
	position:absolute;
	top:8px;
	left:-14px;
	display:none;
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#2ad5ce;
	content:''
}
.sec-feature .recommend .unit__list .hilight {
	color:#aaa;
	text-decoration:underline
}
.sec-pickup {
	padding:60px;
	border-radius:10px;
	background:url(/assets/img/bg_pattern_dotted01.png)
}
.sec-pickup__figure {
	margin:35px 0 0
}
.sec-pickup__banner {
	margin-top:50px
}
.sec-pickup .header {
	text-align:center
}
.sec-pickup .header__hdg {
	color:#054997;
	font-weight:500;
	font-size:2.6rem;
	line-height:1.69
}
.sec-pickup .header__hdg span {
	color:#08b7ff
}
.sec-pickup .header__lead {
	margin-top:13px;
	font-size:1.4rem;
	line-height:2
}
.sec-pickup .header__note {
	margin-top:15px;
	font-size:1.2rem
}
.sec-pickup .bnr {
	position:relative;
	display:block
}
.sec-pickup .bnr__img {
	display:block;
	width:100%;
	height:auto
}
.sec-pickup .bnr__balloon {
	position:absolute;
	top:-30px;
	left:-35px;
	z-index:2;
	width:114px;
	height:114px
}
.sec-training {
	padding:0 0 90px
}
.sec-training__inner {
	padding:20px 0 0
}
.sec-training .sec-header {
	position:relative;
	overflow:hidden;
	padding:60px 0;
	background:url(/assets/img/bg_pattern02.png);
	color:#fff;
	text-align:center
}
.sec-training .sec-header__lead {
	margin-top:20px;
	font-weight:500;
	font-size:1.4rem;
	line-height:2
}
.sec-training .sec-header .deco {
	position:absolute;
	display:block;
	width:136px;
	height:136px
}
.sec-training .sec-header .deco--01 {
	top:-43px;
	left:50%;
	margin-left:-590px;
	background-color:#f8f3b8;
	-webkit-transform:rotate(-28deg);
	transform:rotate(-28deg)
}
.sec-training .sec-header .deco--02 {
	bottom:-66px;
	left:50%;
	margin-left:452px;
	background-color:#ccf6e3;
	-webkit-transform:rotate(-28deg);
	transform:rotate(-28deg)
}
.sec-training .sec-header--taller {
	padding-bottom:220px
}
.sec-training .movie {
	position:relative;
	margin:-205px auto 0;
	width:480px;
	height:370px
}
.sec-training .movie__frame {
	display:block;
	width:100%;
	height:100%
}
.sec-training .movie__stage {
	position:absolute;
	top:0;
	bottom:0;
	left:7.92%;
	margin:auto 0;
	width:83.75%;
	height:82.16%;
	background-color:#fff
}
.sec-training .movie__stage img {
	width:100%;
	height:auto
}
.sec-training .movie .arrow {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin:auto;
	width:70px;
	height:70px;
	border-radius:50%;
	background-color:#ff4d4d
}
.sec-training .movie .arrow .i-arrow {
	display:block;
	margin-right:-5px;
	width:17px;
	height:26px;
	color:#fff;
	font-size:2.6rem
}
.sec-training .training {
	position:relative
}
.sec-training .training .chara {
	position:absolute;
	top:-32px;
	right:23px
}
.sec-training .unit {
	padding:40px 0
}
.sec-training .unit+.unit {
	border-top:1px solid #d9d9d9
}
.sec-training .unit .header {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center
}
.sec-training .unit .header__hdg {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	color:#2ad5ce;
	font-weight:500;
	font-size:3rem
}
.sec-training .unit .header__lead {
	margin-left:25px;
	font-size:1.5rem
}
.sec-training .unit .header .ruby {
	position:relative
}
.sec-training .unit .header .ruby .rt {
	position:absolute;
	top:-.6em;
	left:0;
	width:100%;
	text-align:center;
	font-size:1.2rem
}
.sec-training .unit .header .icon {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-right:20px;
	width:70px;
	height:70px;
	border-radius:50%;
	background-color:#000;
	color:#fff
}
.sec-training .unit .header .icon .i-graph {
	font-size:3.5rem
}
.sec-training .unit .header .icon .i-light {
	font-size:3.6rem
}
.sec-training .unit .header .icon .i-brain {
	font-size:3.2rem
}
.sec-training .unit .header .icon .i-loupe-w {
	font-size:3.2rem
}
.sec-training .unit .header .icon .i-pc {
	font-size:2.9rem
}
.sec-training .unit .list {
	margin:30px -20px 0
}
.sec-training .unit .list__item {
	padding:0 20px
}
.sec-training .unit .card {
	position:relative
}
.sec-training .unit .card__num {
	position:absolute;
	top:-15px;
	left:-15px;
	z-index:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:44px;
	height:44px;
	border-radius:50%;
	background-color:#054997;
	color:#fff;
	font-weight:700;
	font-size:2rem
}
.sec-training .unit .card__img {
	position:relative;
	overflow:hidden;
	padding-top:54.7%
}
.sec-training .unit .card__img img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto
}
.sec-training .unit .card__body {
	padding:20px 30px 25px;
	border-top:3px solid #000
}
.sec-training .unit .card__hdg {
	margin-bottom:10px;
	text-align:center;
	font-weight:500;
	font-size:1.8rem;
	line-height:2
}
.sec-training .unit .card__hdg span {
	background-color:#fff867
}
.sec-training .unit .card__txt {
	font-size:1.4rem;
	line-height:2
}
.sec-training .unit .card__txt span {
	background-color:#fff867
}
.sec-training .average {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin:20px 0 40px;
	padding:40px 70px 50px;
	border-radius:10px;
	background:url(/assets/img/bg_pattern03.png)
}
.sec-training .average__inner {
	width:400px
}
.sec-training .average__hdg {
	color:#054997;
	font-weight:500;
	font-size:2.6rem;
	line-height:1.69
}
.sec-training .average__hdg small {
	font-size:1.6rem
}
.sec-training .average__hdg span {
	display:inline-block;
	color:#08b7ff
}
.sec-training .average__txt {
	margin-top:10px;
	font-size:1.4rem;
	line-height:2
}
.sec-training .average__img {
	width:562px
}
.sec-training .average__img img {
	width:100%
}
.sec-training .extra {
	position:relative;
	overflow:hidden;
	margin-top:30px;
	border:3px solid #000;
	border-radius:10px
}
.sec-training .extra:after {
	position:absolute;
	bottom:-4px;
	left:0;
	display:block;
	width:100%;
	height:40px;
	background:url(/assets/img/pattern_wood01.png);
	content:'';
	opacity:.8
}
.sec-training .extra__inner {
	padding:40px 60px 60px 335px
}
.sec-training .extra__img {
	position:absolute;
	bottom:17px;
	left:31px;
	z-index:1;
	width:276px;
	height:163px
}
.sec-training .extra__hdg span {
	display:inline-block;
	padding:6px 12px 7px;
	background-color:#054997;
	color:#fff;
	font-weight:500;
	font-size:1.6rem;
	line-height:1
}
.sec-training .extra__txt {
	margin-top:10px;
	font-size:1.4rem;
	line-height:2
}
.sec-training .extra--chara .extra__inner {
	padding:40px 180px 60px 320px
}
.sec-training .extra--chara .extra__img {
	bottom:0;
	left:11px;
	z-index:2;
	width:267px;
	height:181px
}
.sec-training .extra--chara .extra__deco {
	position:absolute;
	right:28px;
	bottom:21px;
	z-index:1;
	display:block;
	width:141px;
	height:158px
}
.sec-training .flow-list {
	margin:30px -20px 0;
	padding:0 60px
}
.sec-training .flow-list__item {
	padding:0 20px
}
.sec-training .flow__header {
	position:relative
}
.sec-training .flow__num {
	position:absolute;
	top:9px;
	left:9px;
	z-index:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:54px;
	height:54px;
	border-radius:50%;
	background-color:#054997;
	font-weight:700;
	font-size:2rem
}
.sec-training .flow__circle {
	position:relative;
	border:7px solid #fff;
	border-radius:50%;
	background-color:#000;
	color:#fff;
	text-align:center
}
.sec-training .flow__circle:before {
	display:block;
	padding-top:100%;
	width:100%;
	content:''
}
.sec-training .flow__circle:after {
	position:absolute;
	top:50%;
	right:-17px;
	margin-top:-12px;
	border-top:12px solid transparent;
	border-right:0;
	border-bottom:12px solid transparent;
	border-left:12px solid #fff;
	content:''
}
.sec-training .flow__circle-inner {
	position:absolute;
	top:0;
	left:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:100%;
	height:100%
}
.sec-training .flow__hdg {
	font-weight:500;
	font-size:2.4rem;
	line-height:1.4
}
.sec-training .flow__sub {
	font-weight:700;
	font-size:1.2rem;
	opacity:.8
}
.sec-training .flow__txt {
	margin-top:13px;
	font-size:1.4rem
}
.sec-training .flow--01 .flow__circle {
	background-color:#0098e7
}
.sec-training .flow--02 .flow__circle {
	background-color:#ff4d94
}
.sec-training .flow--03 .flow__circle {
	background-color:#ffcb4d
}
.sec-training .flow--04 .flow__circle {
	background-color:#ff4d4d
}
.sec-training .flow--04 .flow__circle:after {
	display:none
}
.sec-training .flow--04 .flow__hdg {
	font-size:2.2rem
}
.sec-voice {
	padding:75px 0 100px;
	background:url(/assets/img/bg_pattern03.png)
}
.sec-voice .m-heading__txt {
	font-weight:700;
	font-family:YakuHanJP, YuGothic, 'Yu Gothic', 'Hiragino Sans', '繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け', 'Hiragino Kaku Gothic Pro', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Noto Sans Japanese', '繝｡繧､繝ｪ繧ｪ', Meiryo, '�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け', Osaka, Verdana, sans-serif
}
.sec-voice__note {
	margin-top:30px;
	font-size:1.2rem
}
.sec-voice .voice {
	margin-top:50px
}
.sec-voice .voice__link {
	margin-top:35px;
	text-align:center
}
.sec-voice .voice .c-btn {
	width:210px;
	height:55px;
	background-color:#000;
	color:#fff;
	font-weight:500;
	font-size:1.5rem
}
.sec-voice .voice .c-btn span {
	position:relative;
	left:-5px
}
.sec-voice .voice .c-btn .i-arrow {
	margin-right:10px;
	font-size:1.3rem
}
.sec-voice .voice .m-controller {
	display:none
}
.sec-voice .voice .list {
	margin:0 -20px
}
.sec-voice .voice .list__item {
	padding:0 20px
}
.sec-voice .voice .list .slick-list {
	overflow:visible
}
.sec-voice .voice .card__header {
	position:relative
}
.sec-voice .voice .card__ico {
	position:absolute;
	top:-30px;
	left:-30px;
	z-index:1
}
.sec-voice .voice .card__tag {
	position:absolute;
	top:-23px;
	left:20px;
	z-index:1
}
.sec-voice .voice .card__tag .tag {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:0 25px;
	height:38px;
	border-radius:25px;
	color:#fff;
	font-weight:500;
	font-size:1.5rem
}
.sec-voice .voice .card__tag .tag--color01 {
	background-color:#034693
}
.sec-voice .voice .card__tag .tag--color02 {
	background-color:#08b7ff
}
.sec-voice .voice .card__img {
	position:relative;
	padding-top:71.35%;
	width:100%
}
.sec-voice .voice .card__img img {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:auto;
	opacity:0
}
.sec-voice .voice .card__img img.is-load {
	opacity:1;
-webkit-transition:opacity .6s;
transition:opacity .6s
}
.sec-voice .voice .card__img:after {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:80px;
	background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .65)));
	background:linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .65) 100%);
	content:'';
	opacity:.5
}
.sec-voice .voice .card__name {
	position:absolute;
	bottom:0;
	left:0;
	padding:7px 15px;
	color:#fff;
	font-weight:500;
	font-size:1.8rem;
	line-height:1.7
}
.sec-voice .voice .card__name i {
	display:block;
	font-style:normal;
	font-size:1.3rem
}
.sec-voice .voice .card__name span {
	font-size:1.3rem
}
.sec-voice .voice .card__body {
	padding:20px 0 0
}
.sec-voice .voice .card__hdg {
	font-weight:500;
	font-size:1.8rem;
	line-height:1.78
}
.sec-voice .voice .card__txt {
	margin-top:10px;
	font-size:1.4rem;
	line-height:2
}
.sec-voice .event {
	margin-top:60px
}
.sec-voice .event .link {
	margin-top:15px;
	text-align:right
}
.sec-voice .event .unit {
	padding:47px 57px 52px;
	border:3px solid #000;
	border-radius:10px;
	background-color:#fff
}
.sec-voice .event .unit__inner {
	position:relative
}
.sec-voice .event .unit__hdg {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	font-size:2.8rem
}
.sec-voice .event .unit__hdg .icon {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-right:20px;
	width:70px;
	height:70px;
	border-radius:50%;
	background-color:#054997;
	color:#fff
}
.sec-voice .event .unit__hdg .icon .i-chart {
	font-size:3.2rem
}
.sec-voice .event .unit__txt {
	margin-top:10px;
	font-size:1.4rem;
	line-height:2
}
.sec-voice .event .unit__list {
	margin-top:35px
}
.sec-voice .event .unit__link {
	position:absolute;
	top:5px;
	right:0;
	padding:15px 25px;
	border:2px solid #e0e0e0;
	border-radius:3px;
	font-size:1.4rem;
-webkit-transition:border-color .15s cubic-bezier(.55, .085, .68, .53), color .15s cubic-bezier(.55, .085, .68, .53);
transition:border-color .15s cubic-bezier(.55, .085, .68, .53), color .15s cubic-bezier(.55, .085, .68, .53)
}
.mode-pc .sec-voice .event .unit__link:hover {
	border-color:#0e53a3;
	color:#0e53a3;
-webkit-transition:border-color .15s cubic-bezier(.25, .46, .45, .94), bolor .15s cubic-bezier(.25, .46, .45, .94);
transition:border-color .15s cubic-bezier(.25, .46, .45, .94), bolor .15s cubic-bezier(.25, .46, .45, .94)
}
.sec-voice .event .unit .list {
	margin:0 -20px
}
.sec-voice .event .unit .list__item {
	padding:0 20px
}
.sec-voice .event .unit .list a {
	position:relative;
	display:block;
	padding-top:28.1%
}
.sec-voice .event .unit .list .unit__bnr {
	pointer-events:auto
}
.sec-voice .event .unit .list img {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:auto
}
.page-header {
	background-image:url(../kv_bg.jpg)
}
.page-header__hdg img {
	display:block;
	width:187px;
	height:60px
}
.sec-feature .card__header, .sec-feature .recommend .unit, .sec-training .extra, .sec-training .unit .card__body, .sec-voice .event .unit {
	border-color:#47c2f0
}
.m-page-nav, .page-header__hdg span, .sec-feature .recommend .unit__hdg, .sec-feature .recommend .unit__hdg:before, .sec-feature .recommend .unit__list .inner:before, .sec-training .unit .header .icon {
	background-color:#47c2f0
}
.sec-feature .recommend .link i, .sec-feature .recommend .unit__list .hilight, .sec-training .unit .header__hdg, .sec-voice .event .link i {
	color:#47c2f0
}
.sec-voice .voice .c-btn {
	background-color:#034693;
	-webkit-box-shadow:0 1px 0 #001b5e;
	box-shadow:0 1px 0 #001b5e;
-webkit-transition:background-color .15s cubic-bezier(.55, .085, .68, .53), -webkit-transform .12s cubic-bezier(.895, .03, .685, .22), -webkit-box-shadow .12s cubic-bezier(.895, .03, .685, .22);
transition:background-color .15s cubic-bezier(.55, .085, .68, .53), -webkit-transform .12s cubic-bezier(.895, .03, .685, .22), -webkit-box-shadow .12s cubic-bezier(.895, .03, .685, .22);
transition:transform .12s cubic-bezier(.895, .03, .685, .22), box-shadow .12s cubic-bezier(.895, .03, .685, .22), background-color .15s cubic-bezier(.55, .085, .68, .53);
transition:transform .12s cubic-bezier(.895, .03, .685, .22), box-shadow .12s cubic-bezier(.895, .03, .685, .22), background-color .15s cubic-bezier(.55, .085, .68, .53), -webkit-transform .12s cubic-bezier(.895, .03, .685, .22), -webkit-box-shadow .12s cubic-bezier(.895, .03, .685, .22)
}
.mode-pc .sec-voice .voice .c-btn:hover {
	background-color:#014ea6;
	-webkit-box-shadow:0 3px 0 #001b5e;
	box-shadow:0 3px 0 #001b5e;
-webkit-transition:background-color .15s cubic-bezier(.25, .46, .45, .94), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-box-shadow .15s cubic-bezier(.165, .84, .44, 1);
transition:background-color .15s cubic-bezier(.25, .46, .45, .94), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-box-shadow .15s cubic-bezier(.165, .84, .44, 1);
transition:transform .15s cubic-bezier(.165, .84, .44, 1), box-shadow .15s cubic-bezier(.165, .84, .44, 1), background-color .15s cubic-bezier(.25, .46, .45, .94);
transition:transform .15s cubic-bezier(.165, .84, .44, 1), box-shadow .15s cubic-bezier(.165, .84, .44, 1), background-color .15s cubic-bezier(.25, .46, .45, .94), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-box-shadow .15s cubic-bezier(.165, .84, .44, 1);
	-webkit-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0)
}
.sec-feature .recommend .unit__list, .sec-training .unit .card__body {
	background-image:url(/assets/img/bg_pattern_dotted01.png);
	background-repeat:repeat
}
.m-page-nav .nav__btn {
	background-color:#47c2f0
}
.mode-pc .m-page-nav .nav__btn:hover {
	background-color:#35afdd
}
.sec-pickup {
	margin-top:65px
}
.sec-pickup__figure {
	margin-right:-11px
}
.slick-slider {
	position:relative;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0
}
.slick-list:focus {
	outline:0
}
.slick-list.dragging {
	cursor:hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.slick-track {
	position:relative;
	top:0;
	left:0;
	display:block
}
.slick-track:after, .slick-track:before {
	display:table;
	content:''
}
.slick-track:after {
	clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	display:none;
	float:left;
	min-height:1px;
	height:100%
}
[dir=rtl] .slick-slide {
	float:right
}
.slick-slide img {
	display:block
}
.slick-slide.slick-loading img {
	display:none
}
.slick-slide.dragging img {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-slide:focus, .slick-slide:hover {
	outline:0
}
.slick-arrow.slick-hidden {
	display:none
}
.slick-dots {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.slick-dots li button {
	position:relative;
	display:block;
	outline:0;
	font-size:0;
	line-height:0;
	cursor:pointer
}
.slick-dots li button:before {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	margin:auto;
	border-radius:50%;
	content:''
}
.slick-dots li button:focus, .slick-dots li button:hover {
	outline:0
}

a.link_btn {
    padding: 20px 50px;
    display: block;
    margin: 30px auto 0;
    max-width: 350px;
    width: 100%;
    text-align: center;
    background: #034693;
    border-radius: 5px;
    font-weight: 600;
    position: relative;
    color: #ffffff;
    transition: 0.3s;
}
a.link_btn:hover {
    opacity: 0.7;
}
a.link_btn span {
    font-size: 80%;
    margin-left: 10px;
}
a.link_btn::before {
    content: "";
    width: 20px;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}
a.link_btn::after {
	content: "";
	width: 10px;
	height: 1px;
	background: #fff;
	position: absolute;
	right: 25px;
	top: -7px;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
	transition: 0.3s;
}
a.link_btn:hover::before,
a.link_btn:hover::after {
    right: 20px;
}

@media only screen and (max-width:768px) {
.page-header {
background:0 0!important
}
.page-header__inner {
margin:0;
background-position:center top;
background-size:cover;
background-repeat:no-repeat
}
.page-header__hdg {
font-size:2.6rem
}
.page-header .m-breadcrumb {
position:static
}
.sec-intro {
padding:30px 0 20px
}
.sec-intro__hdg {
font-weight:700;
font-size:1.9rem;
line-height:1.42
}
.sec-intro__lead {
margin-top:15px;
text-align:left;
font-size:1.4rem;
line-height:1.71
}
.sec-feature {
padding:0 0 50px
}
.sec-feature .feature-list {
margin-top:15px
}
.sec-feature .feature-list__item+.feature-list__item {
margin-top:35px
}
.sec-feature .card {
width:auto
}
.sec-feature .card__header {
margin:0 30px;
width:auto;
border-width:4px
}
.sec-feature .card__num {
top:10px;
left:10px;
width:52px;
height:52px;
font-size:1.6rem
}
.sec-feature .card__body {
padding:17px 0 0
}
.sec-feature .card__hdg {
font-weight:700;
font-size:1.7rem
}
.sec-feature .card__txt {
margin-top:5px;
font-size:1.3rem
}
.sec-feature .recommend {
margin-top:25px
}
.sec-feature .recommend .link {
margin-top:10px
}
.sec-feature .recommend .unit {
display:block
}
.sec-feature .recommend .unit__hdg {
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:auto;
height:68px
}
.sec-feature .recommend .unit__hdg span {
margin-left:30px;
padding:0;
font-size:1.6rem
}
.sec-feature .recommend .unit__hdg:before {
top:52px;
right:50%;
width:20px;
height:20px;
border-radius:2px;
-webkit-transform:translateX(50%) rotate(45deg);
transform:translateX(50%) rotate(45deg)
}
.sec-feature .recommend .unit__hdg:after {
bottom:0;
left:50%;
margin-left:-140px;
width:92px;
height:74px;
background-image:url(/assets/img/courses/common/feature_recommend_img@2x.png);
background-size:92px 74px
}
.sec-feature .recommend .unit__hdg--chara:after {
bottom:0;
left:50%;
margin-left:-128px;
width:80px;
height:67px;
background-image:url(/assets/img/courses/common/feature_recommend_img_chara@2x.png);
background-size:80px 67px
}
.sec-feature .recommend .unit__list {
display:block;
padding:25px 10px 22px
}
.sec-feature .recommend .unit__list>li {
padding:0 20px 0 25px;
width:auto;
height:auto;
text-align:left;
font-weight:700;
font-size:1.4rem;
line-height:1.57
}
.sec-feature .recommend .unit__list>li+li {
margin-top:1em
}
.sec-feature .recommend .unit__list>li+li:before {
display:none
}
.sec-feature .recommend .unit__list .inner:before {
display:block
}
.sec-pickup {
margin:0 -20px;
padding:35px 20px 40px;
border-radius:0
}
.sec-pickup__figure {
margin:25px 0 0
}
.sec-pickup .header__hdg {
font-weight:700;
font-size:1.9rem;
line-height:1.42
}
.sec-pickup .header__lead {
text-align:left;
line-height:1.71
}
.sec-pickup .header__note {
font-size:1.1rem;
line-height:1.82
}
.sec-pickup .bnr__img {
width:100%
}
.sec-pickup .bnr__balloon {
top:-15px;
right:0;
left:0;
margin:0 auto;
width:202px;
height:35px
}
.sec-training {
padding:0 0 45px
}
.sec-training .sec-header {
padding:30px 0
}
.sec-training .sec-header__lead {
margin-top:10px;
text-align:left;
font-size:1.3rem;
line-height:1.69
}
.sec-training .sec-header .deco {
width:95px;
height:95px
}
.sec-training .sec-header .deco--01 {
top:-36px;
left:-38px;
margin-left:0
}
.sec-training .sec-header .deco--02 {
right:-38px;
bottom:-70px;
left:auto;
margin-left:0;
-webkit-transform:rotate(-20deg);
transform:rotate(-20deg)
}
.sec-training .sec-header--taller {
padding-bottom:163px
}
.sec-training .movie {
margin:-156px auto 0;
max-width:380px;
width:auto;
height:auto
}
.sec-training .movie__frame {
height:auto
}
.sec-training .movie .arrow {
width:56px;
height:56px
}
.sec-training .movie .arrow .i-arrow {
width:12px;
height:20px;
font-size:2rem
}
.sec-training .training .chara {
display:none
}
.sec-training .unit {
padding:25px 0
}
.sec-training .unit .header {
display:block
}
.sec-training .unit .header__hdg {
font-weight:700;
font-size:2.1rem
}
.sec-training .unit .header__lead {
margin:8px 0 0;
font-size:1.3rem
}
.sec-training .unit .header .ruby .rt {
font-size:1rem
}
.sec-training .unit .header .icon {
margin-right:12px;
width:42px;
height:42px
}
.sec-training .unit .header .icon .i-graph {
font-size:1.9rem
}
.sec-training .unit .header .icon .i-light {
font-size:2rem
}
.sec-training .unit .header .icon .i-brain {
font-size:1.8rem
}
.sec-training .unit .header .icon .i-loupe-w {
font-size:1.8rem
}
.sec-training .unit .header .icon .i-pc {
font-size:1.9rem
}
.sec-training .unit .list {
margin:25px 0 0
}
.sec-training .unit .list__item {
padding:0
}
.sec-training .unit .list__item+.list__item {
margin-top:25px
}
.sec-training .unit .card__num {
top:-10px;
left:-10px;
width:40px;
height:40px;
font-size:1.8rem
}
.sec-training .unit .card__hdg {
font-weight:700;
font-size:1.6rem
}
.sec-training .unit .card__txt {
font-size:1.3rem;
line-height:1.69
}
.sec-training .average {
display:block;
margin:15px -20px 40px;
padding:40px 20px;
border-radius:0
}
.sec-training .average__inner {
width:100%
}
.sec-training .average__hdg {
text-align:center;
font-size:1.9rem;
line-height:1.42
}
.sec-training .average__hdg small {
font-size:1.4rem
}
.sec-training .average__txt {
margin-top:15px
}
.sec-training .average__img {
margin-top:15px;
width:100%
}
.sec-training .extra {
margin-top:15px;
border-width:2px;
border-radius:5px
}
.sec-training .extra:after {
height:40px;
background-size:cover
}
.sec-training .extra__inner {
padding:30px 30px 150px
}
.sec-training .extra__img {
right:0;
left:0;
margin:0 auto;
width:200px;
height:118px
}
.sec-training .extra__hdg span {
padding:3px 6px 4px;
letter-spacing:.017em;
font-weight:700;
font-size:1.4rem
}
.sec-training .extra__txt {
font-size:1.3rem;
line-height:1.69
}
.sec-training .extra--chara .extra__inner {
padding:30px 30px 150px
}
.sec-training .extra--chara .extra__img {
left:5px;
margin:0;
width:189px;
height:130px
}
.sec-training .extra--chara .extra__deco {
right:16px;
bottom:17px;
width:104px;
height:117px
}
.sec-training .flow-list {
margin:0 -10px;
padding:0
}
.sec-training .flow-list__item {
padding:20px 10px 10px;
width:50%
}
.sec-training .flow__num {
top:4px;
left:4px;
width:38px;
height:38px;
font-size:1.3rem
}
.sec-training .flow__circle {
border-width:3px
}
.sec-training .flow__circle:after {
right:-10px;
margin-top:-8px;
border-top-width:8px;
border-bottom-width:8px;
border-left-width:8px
}
.sec-training .flow__hdg {
font-weight:700;
font-size:1.6rem
}
.sec-training .flow__sub {
font-size:.8rem
}
.sec-training .flow__txt {
font-size:1.1rem;
line-height:1.55
}
.sec-training .flow--04 .flow__hdg {
font-size:1.5rem
}
.sec-voice {
display:block;
padding:30px 0 75px
}
.sec-voice__note {
margin-top:15px;
padding:0 10px;
font-size:1.1rem
}
.sec-voice .voice {
margin-top:22px
}
.sec-voice .voice__link {
margin-top:25px
}
.sec-voice .voice .c-btn {
width:100%
}
.sec-voice .voice .c-btn span {
display:block;
width:100%
}
.sec-voice .voice .c-btn .i-arrow {
position:absolute;
top:50%;
right:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.sec-voice .voice .m-controller {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:20px
}
.sec-voice .voice .list {
display:block;
margin:0 -7px;
padding:0 10px
}
.sec-voice .voice .list__item {
padding:0 7px
}
.sec-voice .voice .card__header img {
width:100%
}
.sec-voice .voice .card__ico {
top:-20px;
left:-20px;
width:84px
}
.sec-voice .voice .card__tag {
top:-10px
}
.sec-voice .voice .card__tag .tag {
padding:0 15px;
height:26px;
font-size:1.4rem
}
.sec-voice .voice .card__name {
font-weight:700;
font-size:1.6rem
}
.sec-voice .voice .card__name i {
font-size:1.2rem
}
.sec-voice .voice .card__hdg {
font-weight:400;
font-size:1.7rem
}
.sec-voice .voice .card__txt {
font-size:1.3rem
}
.sec-voice .event {
margin-top:40px
}
.sec-voice .event .link {
margin-top:10px
}
.sec-voice .event .unit {
padding:30px 25px;
border-width:2px;
border-radius:5px
}
.sec-voice .event .unit__hdg {
font-size:2rem;
line-height:1.2
}
.sec-voice .event .unit__hdg .icon {
margin-right:12px;
width:42px;
height:42px
}
.sec-voice .event .unit__hdg .icon .i-chart {
font-size:1.8rem
}
.sec-voice .event .unit__txt {
margin-top:15px;
font-size:1.3rem;
line-height:1.69
}
.sec-voice .event .unit__list {
margin-top:20px
}
.sec-voice .event .unit__link {
position:relative;
top:0;
display:block;
margin-top:15px;
padding:10px 0;
width:100%;
border-radius:2px;
text-align:center
}
.sec-voice .event .unit__link .i-arrow {
position:absolute;
top:0;
right:15px;
bottom:0;
margin:auto 0;
width:10px;
height:12px;
font-size:1.2rem
}
.sec-voice .event .unit .list {
display:block;
margin:0;
padding:0
}
.sec-voice .event .unit .list__item {
padding:0
}
.sec-voice .event .unit .list__item+.list__item {
margin-top:5px
}
.page-header__inner {
background-image:url(../kv_bg_sp.jpg)
}
.page-header__hdg img {
width:119px;
height:38px
}
.sec-feature {
padding-bottom:0
}
.sec-pickup {
margin-top:40px
}
.sec-pickup__figure {
margin-right:-4.25%;
margin-left:-4.25%
}
.sec-training .sec-header__lead {
text-align:center
}
	
a.link_btn {
    margin: 30px auto 60px;
	}
}