@charset "UTF-8";
/* CSS Document */

@media screen and ( max-width:414px ) {
	.category {
		display:none;
	}
}

.top_main {
	width:100%;
	margin:0;
	padding:106px 0 120px 0;
	background-image:url(../img/top_main.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.main_info {
	text-align:center;
	width:636px;
	margin:0 auto;
	padding:50px 0;
	background-color:rgba(60,30,130,0.66);
}
.main_info h2 {
	color:#fff;
	font-size:35px;
	font-size:3.5rem;/* =35px */
	line-height:35px;
	line-height:3.5rem;/* =35px */
	font-weight:bold;
}
.service_cont-top {
	width:925px;
	margin:0 auto;
	padding-bottom:100px;
}
.service_logo {
	text-align:center;
	padding:36px 0;
}
.service_logo p {
	font-size:20px;
	font-size:2.0rem;/* =20px */
	line-height:48px;
	line-height:4.8rem;/* =48px */
	font-weight:bold;
}
.service_logo img {
	width:406px;
}

.service_nav,
.service_nav-top {
	width:925px;
}
.service_nav ul,
.service_nav-top ul {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.service_nav li,
.service_nav-top li {
	width:24.6%;
}
.service_nav li a,
.service_nav-top li a {
	position:relative;
	display:inline-block;
	width:100%;
	height:117px;
	text-align:center;
	padding-top:86px;
	color:#fff;
	font-size:20px;
	font-size:2.0rem;/* =20px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:bold;
	text-shadow:2px 2px 5px #333;
}
.service_nav li a:hover,
.service_nav-top li a:hover {
	opacity:0.6;
	text-decoration:none;
}
.service_nav li:last-child a,
.service_nav-top li:last-child a {
	height:127px;
	padding-top:76px;
}
.service_nav li a:after,
.service_nav-top li a:after {
	position:absolute;
	left:50%;
	bottom:7px;
	margin-left:-8px;
    content: "▼";
    display: block;
	color:#de83ff;
	font-size:17px;
	font-size:1.7rem;/* =17px */
	line-height:17px;
	line-height:1.7rem;/* =17px */
	font-weight:normal;
	text-shadow:none;
}
.service_nav li:nth-child(1) a,
.service_nav-top li:nth-child(1) a {
	background-image:url(../img/service_nav01bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.service_nav li:nth-child(2) a,
.service_nav-top li:nth-child(2) a {
	background-image:url(../img/service_nav02bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.service_nav li:nth-child(3) a,
.service_nav-top li:nth-child(3) a {
	background-image:url(../img/service_nav03bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.service_nav li:nth-child(4) a,
.service_nav-top li:nth-child(4) a {
	background-image:url(../img/service_nav04bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
}

/* 準備中用 */
.service_nav li:nth-child(2),
.service_nav li:nth-child(3),
.service_nav-top li:nth-child(2),
.service_nav-top li:nth-child(3) {
	display:inline-block;
	height:117px;
	text-align:center;
	padding-top:86px;
	color:#fff;
	font-size:20px;
	font-size:2.0rem;/* =20px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:bold;
	text-shadow:2px 2px 5px #333;
}
.service_nav li:nth-child(2) span,
.service_nav li:nth-child(3) span,
.service_nav-top li:nth-child(2) span,
.service_nav-top li:nth-child(3) span {
	display:inline-block;
	text-align:center;
	width:110px;
	margin-top:10px;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;/* =12px */
	line-height:25px;
	line-height:2.5rem;/* =25px */
	font-weight:normal;
	letter-spacing:0.5px;
	text-shadow:none;
	background-color:#8862ff;
}
.service_nav li:nth-child(2),
.service_nav-top li:nth-child(2) {
	background-image:url(../img/service_nav02bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.service_nav li:nth-child(3),
.service_nav-top li:nth-child(3) {
	background-image:url(../img/service_nav03bg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
}

@media screen and ( max-width:768px ) {
	.service_cont-top {
		width:100%;
	}
	
	.service_nav,
	.service_nav-top {
		width:100%;
	}
	.service_nav li a,
	.service_nav-top li a {
		height:100px;
		padding-top:60px;
	}
	.service_nav li:last-child a,
	.service_nav-top li:last-child a {
		height:110px;
		padding-top:50px;
	}
	
	/* 準備中用 */
	.service_nav li:nth-child(2),
	.service_nav li:nth-child(3),
	.service_nav-top li:nth-child(2),
	.service_nav-top li:nth-child(3) {
		height:100px;
		padding-top:60px;
	}
}

@media screen and ( max-width:414px ) {
	.top_main {
		padding:44px 0 50px 0;
	}
	.main_info {
		width:70%;
		margin:0 auto;
		padding:20px 0;
	}
	.main_info h2 {
		font-size:13px;
		font-size:1.3rem;/* =13px */
		line-height:13px;
		line-height:1.3rem;/* =13px */
		font-weight:bold;
	}
	
	.service_cont-top {
		width:92%;
		padding-bottom:60px;
	}
	.service_logo {
		padding:30px 0;
	}
	.service_logo p {
		font-size:14px;
		font-size:1.4rem;/* =14px */
		line-height:32px;
		line-height:3.2rem;/* =32px */
		letter-spacing:-0.8px;
	}
	.service_logo img {
		width:80%;
	}
	
	.service_nav {
		display:none;
	}
	.service_nav-top ul {
		width:100%;
		display: -webkit-block;
		display: block;
	}
	.service_nav-top li {
		width:49.5%;
		margin-right:1%;
		margin-bottom:5px;
		float:left;
	}
	.service_nav-top li:nth-child(even) {
		margin-right:0;
	}
	.service_nav-top li a {
		height:100px;
		padding-top:66px;
	}
	.service_nav-top li:last-child a {
		height:110px;
		padding-top:56px;
	}
	
	/* 準備中用 */
	.service_nav-top li:nth-child(2),
	.service_nav-top li:nth-child(3) {
		height:100px;
		padding-top:66px;
	}
}


.main {
	display:none;
}

@media screen and ( max-width:414px ) {
	.main {
		display: block;
		width:100%;
		margin:0;
		padding:44px 0 50px 0;
		background-image:url(../img/top_main.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
	}
}


/*講師派遣*/

.service_cont {
	width:925px;
	margin:0 auto;
}

.dispatch {
	width:950px;
	margin:0 auto;
	padding:42px 0 36px 0;
}
.dispatch h3 {
	text-align:center;
	width:245px;
	margin:0 auto;
	border:1px solid #8862ff;
	color:#8862ff;
	font-size:28px;
	font-size:2.8rem;/* =28px */
	line-height:52px;
	line-height:5.2rem;/* =52px */
	font-weight:bold;
}

.dispatch-info {
	width:950px;
	margin-top:42px;
}
/*.dispatch-info_left {
	width:442px;
	float:left;
}
.dispatch-info_right {
	width:442px;
	float:right;
}*/
.dispatch-info p span {
	color:#8862ff;
	font-size:18px;
	font-size:1.8rem;/* =18px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:bold;
}
.dispatch-info p {
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:26px;
	line-height:2.6rem;/* =26px */
	font-weight:normal;
}
/*.dispatch-info_right p:first-child {
	margin-bottom:22px;
}*/

.list {
	clear:both;
	width:100%;
    text-indent: 0;
}
.list h3 {
	display:flex;
	align-items: center;
	color:#8862ff;
	font-size:22px;
	font-size:2.2rem;/* =22px */
	line-height:26px;
	line-height:2.6rem;/* =26px */
	font-weight:normal;
}
.list h3 span {
	font-size:12px;
	font-size:1.2rem;/* =12px */
	line-height:12px;
	line-height:1.2rem;/* =12px */
	font-weight:normal;
	vertical-align:-10%;
}
.list h3:before,
.list h3:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #000;
	display: block;
}
.list h3:before {
	margin-right:4em;
}
.list h3:after {
	margin-left:4em;
}

.list-cont {
	width:950px;
	margin:0 auto;
	padding-top:32px;
}
.instructor img{
    width: 100%;
}
.instructor ul {
	width:100%;
	padding:34px 0 30px 0;
	border-bottom:1px dashed #000;
	display: -webkit-flex;
	display: flex;
}
.instructor li:first-child {
	width:8.4%;
	margin-right:2.2%;
}
.instructor li:nth-child(2) {
	width:42.8%;
}
.instructor li:last-child {
	width:46.6%;
}
.instructor li:last-child div {
	width:100%;
	display: -webkit-flex;
	display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.instructor li:last-child div p {
	width:45%;
}
.instructor h4 {
	color:#8862FF;
	font-size:25px;
	font-size:2.5rem;/* =25px */
	line-height:25px;
	line-height:2.5rem;/* =25px */
	font-weight:bold;
	margin-bottom:12px;
}
.instructor h4 span {
	font-size:12px;
	font-size:1.2rem;/* =12px */
	line-height:25px;
	line-height:2.5rem;/* =25px */
	font-weight:normal;
	vertical-align:10%;
}
.instructor p {
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:20px;
	line-height:2.0rem;/* =20px */
	font-weight:normal;
	letter-spacing:-0.5px;
	padding-left: 1em;
	text-indent: -1em;
}
.instructor p span {
	color:#8862FF;
	font-size:18px;
	font-size:1.8rem;/* =18px */
	line-height:28px;
	line-height:2.8rem;/* =28px */
	font-weight:bold;
}
.instructor a {
	display:inline-block;
	text-align:center;
	width:112px;
	margin-top:10px;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;/* =12px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:normal;
	background-color:rgba(136,98,255,1);
	transition: 1.0s;
	cursor:pointer;
}
.instructor a:hover {
	text-decoration:none;
	background-color:rgba(136,98,255,0.6);
}

.contact_btn {
	clear:both;
	width:245px;
	margin:0 auto;
	padding:65px 0 40px 0;
}
.contact_btn a {
	display:inline-block;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-size:2.0rem;/* =20px */
	line-height:54px;
	line-height:5.4rem;/* =54px */
	font-weight:bold;
	background-color:rgba(136,98,255,1);
	transition: 1.0s;
	cursor:pointer;
	box-shadow:2px 2px 5px #666;
}
.contact_btn a:hover {
	text-decoration:none;
	background-color:rgba(136,98,255,0.6);
}

@media screen and ( max-width:768px ) {
	.service_cont {
		width:100%;
		margin:0 auto;
	}
	
	.dispatch {
		width:100%;
	}

	.dispatch-info {
		width:100%;
	}
	.dispatch-info_left {
		width:48%;
	}
	.dispatch-info_right {
		width:48%;
	}
	
	.list-cont {
		width:98%;
		margin:0 auto;
		padding-top:32px;
	}
	.instructor li:first-child {
		width:8.4%;
		margin-right:2.2%;
	}
	.instructor li:nth-child(2) {
		width:50.8%;
	}
	.instructor li:last-child {
		width:38.6%;
	}
}

@media screen and ( max-width:414px ) {
	.dispatch {
		width:92%;
		margin:0 auto;
		padding:20px 0 36px 0;
	}
	.dispatch h3 {
		width:194px;
		border:1px solid #8862ff;
		color:#8862ff;
		font-size:20px;
		font-size:2.0rem;/* =20px */
		line-height:42px;
		line-height:4.2rem;/* =42px */
	}
	
	.dispatch-info {
		width:100%;
		margin-top:30px;
	}
	.dispatch-info_left {
		width:100%;
		float:none;
	}
	.dispatch-info_right {
		width:100%;
		float:none;
		padding-top:22px;
	}
	
	.list h3 {
		font-size:20px;
		font-size:2.0rem;/* =20px */
	}
	.list h3:before {
		margin-right:2em;
	}
	.list h3:after {
		margin-left:2em;
	}
	
	.list-cont {
		width:92%;
		margin:0 auto;
		padding-top:20px;
	}
	.instructor ul {
		width:100%;
		padding:18px 0 20px 0;
		display: -webkit-block;
		display: block;
	}
	.instructor li:first-child {
		width:18%;
		float:left;
		margin:0;
	}
	.instructor li:nth-child(2) {
		width:77.8%;
		float:right;
	}
	.instructor li:last-child {
		clear:both;
		width:100%;
		padding-top:16px;
	}
	.instructor h4 {
		font-size:22px;
		font-size:2.2rem;/* =22px */
		line-height:22px;
		line-height:2.2rem;/* =22px */
	}
	.instructor h4 span {
		font-size:12px;
		font-size:1.2rem;/* =12px */
		line-height:22px;
		line-height:2.2rem;/* =22px */
	}
	.instructor p {
		font-size:12px;
		font-size:1.2rem;/* =12px */
		line-height:20px;
		line-height:2.0rem;/* =20px */
		font-weight:normal;
		letter-spacing:-0.9px;
	}
	.instructor li:nth-child(2) p {
		padding-left: 0em;
		text-indent: 0em;
	}
}



/*講師紹介*/

.introduction {
	width:100%;
}
.introduction_left {
	width:46.8%;
	float:left;
}
.introduction_right {
	width:46.8%;
	float:right;
}

.introduction_info {
	width:100%;
	padding:30px 0;
	border-bottom:1px dashed #000;
}

.introduction_info img{
    width: 100%;
}

.introduction_info h4 {
	color:#8862FF;
	font-size:18px;
	font-size:1.8rem;/* =18px */
	line-height:32px;
	line-height:3.2rem;/* =32px */
	font-weight:bold;
}
.introduction_info p {
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:normal;
}
.theme div {
    width: 100%;
	display: -webkit-flex;
	display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.theme div p {
    width: 45%;
}
.theme p {
    padding-left: 1em;
    text-indent: -1em;
}
.introduction_info .profile {
	width:100%;
	margin-bottom:30px;
}
.introduction_info .profile ul {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.introduction_info .profile li:first-child {
	width:28%;
}
.introduction_info .profile li:last-child {
	width:67.5%;
	color:#8862FF;
	font-size:24px;
	font-size:2.4rem;/* =24px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:bold;
	margin-top:auto;
}
.introduction_info .profile li:last-child span {
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:bold;
	vertical-align:10%;
}

.introduction_btn {
	clear:both;
	width:245px;
	margin:0 auto;
	padding:68px 0 118px 0;
}
.introduction_btn li:first-child {
	margin-bottom:13px;
}
.introduction_btn li a {
	display:inline-block;
	text-align:center;
	width:100%;
	font-size:20px;
	font-size:2.0rem;/* =20px */
	line-height:53px;
	line-height:5.3rem;/* =53px */
	font-weight:bold;
	border:1px solid #8862ff;
	box-shadow:2px 2px 5px #666;
	transition: 1.0s;
	cursor:pointer;
}
.introduction_btn li:first-child a {
	color:#8862ff;
	background-color:rgba(136,98,255,0.1);
}
.introduction_btn li:first-child a:hover {
	text-decoration:none;
	background-color:rgba(136,98,255,0);
}
.introduction_btn li:last-child a {
	color:#fff;
	background-color:rgba(136,98,255,1);
}
.introduction_btn li:last-child a:hover {
	text-decoration:none;
	background-color:rgba(136,98,255,0.6);
}

.adjustment01 {
	height:188px;
}
.adjustment02 {
	height:894px;
}
p.theme_sp {
	display:none;
}

.summary p {
	padding-left: 1em;
	text-indent: -1em;
	letter-spacing:-0.5px;
}

@media screen and ( max-width:768px ) {
	.adjustment01 {
		height:auto;
	}
	.adjustment02 {
		height:auto;
	}
}

@media screen and ( max-width:414px ) {
	.introduction_left {
		width:100%;
		float:none;
	}
	.introduction_right {
		width:100%;
		float:none;
	}
    
    .theme div p {
        width: 95%;
    }
	
	.adjustment02 {
		display:none;
	}
	p.theme_sp {
		display:block;
	}
}



/*インターネット ライブ配信*/

.live_cont {
	width:950px;
	margin:0 auto;
}

.live_title {
	padding:42px 0 46px 0;
}
.live_title h2 {
	width:366px;
	text-align:center;
	margin:0 auto;
	border:1px solid #8862FF;
	color:#8862FF;
	font-size:28px;
	font-size:2.8rem;/* =28px */
	line-height:52px;
	line-height:5.2rem;/* =52px */
	font-weight:bold;
	letter-spacing:-1px;
}

.method {
	width:100%;
	background-color:rgba(63,133,199,0.1);
}
.method-info {
	width:100%;
}
.method-info_left {
	width:44.5%;
	float:left;
}
.method-info_left img{
    width: 100%;
}
.method-info_right {
	width:52%;
	float:right;
	padding-top:30px;
}
.method-info_right p {
	color:#3F85C7;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:bold;
}
.method-info_right p span {
	font-size:12px;
	font-size:1.2rem;/* =12px */
	font-weight:normal;
}
.method-info_sp {
	display:none;
}
.method-img {
	clear:both;
	width:100%;
	padding:22px 0;
	text-align:center;
}
.method-img img {
	width:75.8%;
}

.plan_confirmation {
	width:100%;
	margin-top:30px;
}
.plan {
	width:443px;
	float:left;
}
.plan01,
.plan02 {
	width:100%;
	border:2px solid #3f85c7;
}
.plan01 h3,
.plan02 h3 {
	width:100%;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:28px;
	line-height:2.8rem;/* =28px */
	font-weight:bold;
	background-color:#3f85c7;
}
.plan01 h3 span,
.plan02 h3 span {
	font-size:24px;
	font-size:2.4rem;/* =24px */
}
.plan_info {
	width:95%;
	padding:10px 2.5%;
}
.plan_info ul {
	width:100%;
	display: -webkit-flex;
	display: flex;
}
.plan_info li {
	width:49.9%;
}
.plan_info li:first-child {
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:18px;
	line-height:1.8rem;/* =18px */
	font-weight:bold;
	border-right:1px solid #3F85C7;
}
.plan_info li:last-child {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:28px;
	font-size:2.8rem;/* =28px */
	line-height:75px;
	line-height:7.5rem;/* =75px */
	font-weight:bold;
	text-align:center;
}
.plan_info p {
	margin-top:6px;
	color:#3F85C7;
	font-size:12px;
	font-size:1.2rem;/* =12px */
	line-height:12px;
	line-height:1.2rem;/* =12px */
	font-weight:bold;
	text-align:center;
}
.plan01 {
	margin-bottom:18px;
}
.confirmation {
	width:475px;
	float:right;
	text-align:center;
	padding:20px 0;
	background-color:rgba(63,133,199,0.1);
}
.confirmation h4 {
	position: relative;
	display: inline-block;
	font-size:22px;
	font-size:2.2rem;/* =22px */
	line-height:36px;
	line-height:3.6rem;/* =36px */
	font-weight:bold;
	margin-bottom:8px;
}
.confirmation h4:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -8px;/*線の上下位置*/
  display: inline-block;
  width: 125px;/*線の長さ*/
  height: 4px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #565655;/*線の色*/
}

.confirmation p {
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:22px;
	line-height:2.2rem;/* =22px */
	font-weight:normal;
	margin-top:20px;
}

@media screen and ( max-width:768px ) {
	.live_cont {
		width:100%;
	}
	
	.method-info_left {
	}
	.method-info_right {
		padding-top:15px;
	}
	
	.plan_confirmation {
		width:100%;
		margin-top:20px;
	}
	.plan {
		width:443px;
		margin:0 auto;
		float:none;
	}
	.confirmation {
		width:90%;
		float:none;
		margin:30px auto 0 auto;
	}
}

@media screen and ( max-width:414px ) {
	.live_title {
		padding:20px 0 30px 0;
	}
	.live_title h2 {
		width:284px;
		font-size:20px;
		font-size:2.0rem;/* =20px */
		line-height:42px;
		line-height:4.2rem;/* =42px */
	}
	
	.method {
		width:88.6%;
		padding:30px 5.7% 0 5.7%;
		background-color:rgba(63,133,199,0.1);
	}
	.method-info {
		display:none;
	}
	.method-info_sp {
		display:block;
		width:96%;
		padding:172px 2% 14px 2%;
		background-image:url(../img/method-photo_sp.jpg);
		background-position:center;
		background-repeat:no-repeat;
		background-size:auto 100%;
	}
	.method-sp_info {
		padding:10px 6px;
		background-color:rgba(0,0,0,0.5);
	}
	.method-sp_info p {
		color:#fff;
		font-size:14px;
		font-size:1.4rem;/* =14px */
		line-height:18px;
		line-height:1.8rem;/* =18px */
		font-weight:normal;
		letter-spacing:-0.6px;
	}
	.method-sp_info p span {
		font-size:12px;
		font-size:1.2rem;/* =12px */
		line-height:24px;
		line-height:2.4rem;/* =24px */
	}
	.method-img {
		padding:30px 0;
	}
	.method-img img {
		width:100%;
	}
	
	.plan {
		width:88.6%;
		float:none;
		margin:0 auto;
	}
	.plan01 h3 span,
	.plan02 h3 span {
		font-size:22px;
		font-size:2.2rem;/* =22px */
	}
	.plan_info li:first-child {
		color:#565655;
		font-size:12px;
		font-size:1.2rem;/* =12px */
		letter-spacing:-0.8px;
	}
	.plan_info li:last-child {
		font-size:23px;
		font-size:2.3rem;/* =23px */
	}
	.plan_info p {
		font-size:10px;
		font-size:1.0rem;/* =10px */
		line-height:12px;
		line-height:1.2rem;/* =12px */
		font-weight:normal;
		letter-spacing:-0.8px;
		text-align:center;
	}
	.confirmation {
		width:100%;
		float:none;
		padding:20px 0;
		background-color:rgba(63,133,199,0);
	}
	.confirmation h4 {
		color:#565655;
	}
}