img{
	width: 100%;
	height: auto;
}
#main-visual{
	background: url(../img/voice_exercise/mv_bg.jpg) no-repeat top center;
	background-size: cover;
	/*min-height: 628px;*/
	margin-bottom: 70px;
}
.mv-container{
	display: flex;
	max-width: 1130px;
	width: 97%;
	margin: 0 auto;
}
.container{
	max-width: 967px;
	width: 90%;
	margin: 0 auto;
}
#main-visual .right-col{
	padding: 27px 0 40px 0;
}
#main-visual .right-col .mv-title{
	max-width: 446px;
	width: 100%;
}
#main-visual .right-col p{
	font-size: 15px;
	color: #000;
	padding-top: 26px;
  text-align: center;
  line-height: 2;
  letter-spacing: 0px;
}
#sec01{
	margin-bottom: 133px;
	padding: 30px 0 28px 0;
	background: url(../img/voice_exercise/sec01_bg.jpg) no-repeat top center;
	background-size: cover;
}
#sec01 .border{
	padding: 69px 40px;
	background: url(../img/voice_exercise/top_left.png) top left no-repeat,
	url(../img/voice_exercise/top_right.png)top right no-repeat,
	url(../img/voice_exercise/bottom_left.png)bottom left no-repeat,
	url(../img/voice_exercise/bottom_right.png)bottom right no-repeat;
	background-size: 55px;
}
#sec01 h2{
	text-align: center;
	margin-bottom: 21px;
}
#sec01 h2 img{
	max-width: 257px;
	width: 100%;
}
#sec01 p{
	font-size: 15px;
	color: #000;
	text-align: center;
	line-height: 1.9;
  letter-spacing: 1.5px;
}
#sec02{
	margin-bottom: 173px;
}
#sec02 h2{
	margin-bottom: 36px;
}
.col-flex{
	display: flex;
	justify-content: space-between;
}
.col-flex .col2-box{
	width: 48%;
	background: #faf9f8;
}
.time-gp{
	display: table;
	margin-bottom: 16px;
}
.time-gp p.left-col{
	display: table-cell;
}
.time-gp p.left-col span{
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
  line-height: 1.2;
  padding: 5px 0 5px 12px;
  line-height: 1.2;
  letter-spacing: 3.2px;
  width: 160px;
	background: url(../img/voice_exercise/left-colbg.png)no-repeat top center;
	background-size: contain;
}
.time-gp:nth-child(2) p.left-col span{
	letter-spacing: 0;
}
.time-gp p.right-col{
	font-size: 17px;
	color: #000;
	padding-left: 20px;
	line-height: 1.4;
}
.time-gp:last-child p.right-col{
	font-size: 16px;
	line-height: 1.3;
}
.time-gp p.right-col span.price{
	font-size: 21px;
	font-weight: bold;
	color: #a62e65;
  letter-spacing: 3px;
}
.time-gp p.right-col span.note{
	font-size: 14px;
	display: block;
  margin-top: 2px;
  letter-spacing: 0.9px;
}
.piano-img{
	max-width: 309px;
	margin: 0 auto;
}
.time-gpbox{
	margin-bottom: 20px;
}
/*.col-flex .col2-box.date-time{
	border-right: 1px solid #a62e65;
	padding-right: 20px;
}*/
#sec02 h3{
	font-size: 16px;
	font-weight: bold;
	color: #315f66;
	line-height: 1.3;
}
#sec02 .text-gp h3 {
	margin-bottom: 10px;
}
#sec02 .note{
	font-size: 12px;
	color: #000;
	letter-spacing: 1.3px;
}
.trialDetail p.f-12 {
	display: none;
} 

.mt10 {
	margin-top: 10px;
}
/*.visit-inner{
	padding-left: 6.6%;
}*/
#sec03{
	margin-bottom: 82px;
}
#sec03 h2{
	padding-bottom: 26px;
  text-align: center;
}
#sec03 h2 img{
	max-width: 145px;
	width: 100%;
}
#sec03 .instructor{
	max-width: 632px;
	margin: 0 auto;
	padding: 92px 0px 87px 0px;
	background: url(../img/voice_exercise/sec03_bg1.png)no-repeat top center;
	background-size: 100% 100%;
}
#sec03 .instructor-img{
	max-width: 240px;
	margin: 0 auto 49px;
}
#sec03 h3{
	font-size: 18px;
	color: #000;
	text-align: center;
  letter-spacing: 0px;
  margin-bottom: 19px;
}
#sec03 h3 span.teacher{
	color: #315f66;
}
#sec03 p{
	font-size: 14px;
	color: #000;
	line-height: 1.9;
  letter-spacing: 0.4px;
  margin-bottom: 14px;
}
.text-gp{
	/*max-width: 360px;
	margin-top: 6px;*/
	padding: 20px;
}
.text-gp img{
	max-width: 359px;
}
.txt-bold{
	font-weight: bold;
}
.instructor-txt{
	padding: 0 10%;
}
.linkBtn{
	margin-bottom: 55px;
}
.btn-box.innerBox{
	padding-bottom: 0;
}
.backBox ul a{
	letter-spacing: 1.8px;
}
.innerBox.topic-trialbox{
	padding-top: 0;
}
/*new*/
.topics_courseDetail.wide-type .courseTitle{
	display: none;
}
.topics_courseDetail.wide-type .courseInfo{
	width: 100%;
}
.lessonData{
	display: none;
}
.topics_courseDetail .trialInfo{
	padding: 0;
  border: none;
  margin-top: 0;
  background: none;
}
.topics_courseDetail .trialInfo .h6Box{
  display: none;
}
.topics_courseDetail .trialInfo .flexBox{
  display: block;
}
.topics_courseDetail .trialInfo .trialDetail{
  width: 100%;
  padding: 0;
  background: #faf9f8;
}
.trialDetail .inqBox {
    position: inherit!important;
    bottom: inherit!important;
        margin-top: 20px;
}

.topics_courseDetail .trialInfo .trialDetail .linkBtn {
    bottom: inherit!important;
    margin-left: 0!important;
    margin: 0 auto!important;
    position: inherit!important;
}
.topics_courseDetail .trialInfo .trialDetail dl{
	padding-left: 0;
	margin: 0.6em 0;
}
.time .inb{
	text-indent: -8px;
}
.topics_courseDetail .trialInfo .trialDetail .linkBtn{
  bottom: -4.2em;
  margin-left: 29px;
}
/*.topics_courseDetail .trialInfo .trialDetail:last-child{
	display: none;
}*/
.trialDetail dd.time{
	line-height: 1.7;
}
/*.topics_courseDetail .trialInfo .trialDetail{
	display: none;
}*/
/*new*/
.sp{
	display: none;
}
@media screen and (max-width: 769px){
	.pc{
		display: none;
	}
	.sp{
		display: block !important;
	}
	.text-gp {
		max-width: inherit;
	}
	#main-visual {
    background: url(../img/voice_exercise/sp-mv.jpg) no-repeat top center;
    background-size: cover;
    height: 550px;
  }
	#main-visual .right-col .mv-title{
		width: 75.5%;
		margin: 0 auto;
	}
	#main-visual .right-col{
		text-align: center;
		margin: 0 auto;
		padding: 60px 0;
	}
	#main-visual .right-col p, #sec03 p{
		font-size: 14px;
	}
	#sec01 p{
		font-size: 15px;
	}
	#main-visual .right-col p{
		text-align: left;
		font-size: 14px;
	}
	 #sec02 h3{
	 	text-align: center;
	 	font-size: 19px;
	 	margin-bottom: 10px;
	 }
	 #sec02 .text-gp h3 {
	 	text-align: left;
	 }
	
	#sec02 .note, .time-gp p.right-col span.note{
		font-size: 13px;
	}
	
	
	
	
	#sec01 .border{
		background-size: 40px;
		padding: 40px;
	}
	#sec01, #sec02{
		margin-bottom: 70px;
	}
	.col-flex{
		display: block;
	}
	.col-flex .col2-box{
		width: 100%;
	}
	.col-flex .col2-box.date-time{
		border-right: none;
		margin-bottom: 40px;
	}
	.time-gpbox {
		margin-bottom: 40px;
	}
	.visit-inner{
		padding-left: 0;
	}
	.time-gpbox{
		margin-right: 0;
	}
	#sec03 .instructor{
		margin: 0 10%;
		padding: 60px 0 40px 0;
	}
	.time-gp p.left-col span{
		background-position: top left;
    background-size: 100% 100%;
    width: 120px;
	}
	.time-gp p.left-col span{
		font-size: 15px;
	}
	.time-gp p.right-col{
		font-size: 15px;
	}
	.time-gp p.right-col span.price{
		font-size: 20px;
		padding-right: 0;
	}
	#sec03 h3{
		margin-bottom: 15px;
		font-size: 16px;
		letter-spacing: 0;
	}
	#sec03 h2 img{
		width: 30%;
	}
	#sec03 h2{
		padding-bottom: 23px;
	}
	#sec03 .instructor-img{
		width: 48%;
		margin: 0 auto 25px;
	}
	#sec02 .container{
		overflow: hidden;
	}
	#sec02 h2{
		padding-top: 17px;
	}
	#sec02 h2 img{
		transform: scale(1.3);
	}
	.inqBox{
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	.topics_courseDetail .trialInfo .trialDetail .linkBtn{
		bottom: 0;
		
	}
}
@media screen and (max-width: 480px){
	#main-visual{
		background-position-x: 55%;
		height: inherit;
	}
	#main-visual .right-col p{
		padding: 9px 18px 0 18px;
    letter-spacing: 1.6px;
    line-height: 1.9 !important;
	}
	#main-visual .right-col{
		padding: 11px 0 20px 0;
	}
	#sec01, #sec02, #main-visual, #sec03{
		margin-bottom: 50px;
	}
	#sec01 .border{
		padding: 40px 25px;
	}
	#sec03 .instructor{
		margin: 0 3%;
		background-image: inherit;
		border: 1px solid #315f66;
		padding: 0;
	}
	.instructor-txt{
		padding: 0 6%;
	}
	#sec03 .instructor-border{
		border: 2px solid #315f66;
    margin: 2px;
    padding: 40px 0 30px 0;
	}
	.time-gp p.right-col{
		padding-left: 12px;
		text-align: left;
	}
	.time-gp{
		/*display: block;*/
		text-align: center;
		margin-bottom: .6em;
	}
	.time-gp p.left-col{
		/*display: inherit;*/
		margin-bottom: 7px;
	}
	.time-gp p.left-col span{
		text-align: left;
		margin: 0 auto;
		padding-left: 9px;
	}
	.piano-img{
		margin: 0 auto;
    width: 94%;
    max-width: inherit;
	}
	#main-visual .right-col p, #sec01 p, #sec03 p{
		line-height: 1.7;
	}
	#sec02 h2 img{
		transform: scale(1.7);
	}
	.backBox .linkBtn{
		margin: 30px auto;
		font-size: 14px;
	}
	.text-gp{
		max-width: inherit;
	}
	.topics_courseDetail .trialInfo .trialDetail{
		width: inherit;
	}
	.topics_courseDetail .trialInfo .trialDetail .linkBtn{
		max-width: inherit;
    margin: 0 auto;
	}
}