@media screen and (min-width: 769px){

/*@font-face {
  font-family: "nsjpr";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nsjpr.woff") format("woff");
}

@font-face {
  font-family: "nsjpr";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/nsjpb.woff") format("woff");
}*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;color:#333;
	letter-spacing:0.03em;
	line-height : 1.7em;
	font-weight: 400;
}
*{
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
a{
	text-decoration: none;
}
header{
	width:100%;
	height:64px;
	position: fixed;
	background-color:#e4e3e5;
	z-index: 999;
	flex-flow: row wrap;	
}
.info2 .top_info_last{
	border-bottom:none;
}
a.anchor{	
	padding-top:104px;
	margin-top:-104px;
	display: block;
}
#point1, #point2, #point3, #1, #2, #3, #4{	
	padding-top:104px;
	margin-top:-104px;
	display: block;
}
.red-txt{
	font-size:1.1em;color:red;
}
.ye-line{
	background-color:#ffff00;
}

.info-txt{
	width:980px;
	margin:0px auto;	
	clear:both;
	text-align:center;
}
.info-txt .ti-b3{
	padding-bottom:30px;
	display:block;
}
.bg-slider {
	/*height:540px;
	background-position:center center;
	background-size: cover;
	align-items: center;
	justify-content: center;*/
}
.right{
	float:right;
}

#main-pc{
	/*width:1200px;
	height:540px;
	z-index:1;
	margin:0 auto;
	position:relative;*/
}
#main-pc-f{
	background-image: url(../images/p-top-f-img.png);
	background-repeat: no-repeat;
	background-color: #ffff00;
	background-size:cover; 
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 24%;
	position:relative;
}
#main-pc-eb{
	background-image: url(../images/eb-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color: #ffff00;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 86%;
	position:relative;
}
#main-pc-bg{
	background-image: url(../images/bg-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color: #ffff00;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 46%;
	position:relative;
}
#main-pc-ab{
	background-image: url(../images/ab-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color: #ffff00;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 90%;
	position:relative;
}
#main-pc-gp{
	background-image: url(../images/gp-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color: #ff7d20;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 64%;
	position:relative;
}
#main-pc-ac{
	background-image: url(../images/ac-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color: #ff7d20;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 60%;
	position:relative;
}
#main-pc-e{
	background-image: url(../images/en-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color:#ff7d20;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 40%;
	position:relative;
}
#main-pc-ts{
	background-image: url(../images/ts-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color:#ff7d20;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 32%;
	position:relative;
}
#main-pc-ps{
	background-image: url(../images/ps-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color:#ff7d20;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 50%;
	position:relative;
}
#main-pc-ah{
	background-image: url(../images/ah-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color:#ff7d20;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 20%;
	position:relative;
}
#main-pc-gr{
	background-image: url(../images/gr-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color: #ff7d20;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 36%;
	position:relative;
}
#main-pc-fa{
	background-image: url(../images/f-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color: #ffff00;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 40%;
	position:relative;
}
#main-pc-col{
	background-image: url(../images/col-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color: #ff7d20;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 40%;
	position:relative;
}
#main-pc-vo{
	background-image: url(../images/v-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color:#71ebb0;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 24%;
	position:relative;
}
#main-pc-cor{
	background-image: url(../images/cor-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color:#71ebb0;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 24%;
	position:relative;
}
#main-pc-inst{
	background-image: url(../images/inst-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color: #71ebb0;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 75%;
	position:relative;
}
#main-pc-p{
	background-image: url(../images/pr-ti-img.png);
	background-repeat: no-repeat;
	background-size:cover; 
	background-color: #71ebb0;
	width:1200px;
	height:320px;
	z-index:1;
	margin:0 auto;
	background-position: 20% 100%;
	position:relative;
}
.logo{
	float:left;
	padding:18px 0 0 0;
}
.logo img{
	width:180px;
	height:auto;
	float:left;
	margin-right:12px;
}
.logo p{
	font-size:0.8em;color:#666;
	float:left;
}
.or{
	color:#ff7d20;
}
.green{
	color:#71ebb0;
}
.ye{
	color:#ffff00;
}
.gr{
	color:#333;
}
.kakomi{
	float:left;
	width:240px;
	height:auto;
	padding:16px 10px;
	font-weight:bold;
	border:4px solid red;
	background-color:#fff;
	text-align:center;
	font-size:1.2em;
	border-radius:20px;
	margin:10px 20px 20px 20px;
	
}
.kakomi big{
	color:red;
	display:block;
	line-height:1.8em;
}
.table-ti{
	background-color:#333;
	font-size:1.2em;color:#fff;
	font-weight:normal;
	text-align:center;
	}
.back-or{
	background-color:#ff7d20;
}
.back-or2{
	background-color:#ff7d20;
	font-size:1.1em;
	font-weight:normal;
	text-align:center;
}
.back-green{
	background-color:#71ebb0;
	font-size:1.1em;
	text-align:center;
}
.back-green2{
	background-color:#ff7d20;
}
.back-ye{
	background-color:#ffff00;
	vertical-align:top;
	text-align:center;
}
.back-gr{
	background-color:#e4e3e5;
}
.back-gr2 {
    background-color: #e4e3e5;
    width: 20%;
    text-align: center;
    border-right: 1px solid #a2a2a2;
}
.back-gr3{
	background-color:#666;
}
.ti-b{	
	font-size:1.2em;
}
.ti-b2{	
	font-size:1.3em;
	line-height:2.0em;
}
.ti-b3{	
	font-size:1.2em;
	line-height:2.0em;
}
.small{
	font-size:0.7em;
	line-height : 1.5em;
}
.small2{
	font-size:0.8em;
	line-height:1.6em;
}
.back-gr4 {
    background-color: #666;
	font-weight:bold;
    color: #fff;
    padding: 1px 16px;
    border-radius: 6px;
    margin: 10px 0 4px 0;
    display: inline-block;
}
.u-line{
	border-bottom:2px dotted #333;
	display: inline-block;
	line-height : 1.4em;
}
.name-small{
	font-size:0.7em;
	margin:8px 0;
	display:block;
}
.center-txt{
	text-align:center;
	margin-bottom:8px;
	line-height : 1.5em;
	clear:both;
}
.sp-zero, .sp-br, #topmenu-sp, .sp-txt, #pagetop, .sp-img, .sp-img2, .pro-img-sp{
	display: none;
}
#sp-r-menu-li{
	display: none;
	position: absolute;
	top:56px;
	width: 100%;
	background: #666;
	left: 0;
}
#sp-r-menu-li ul{
	display: block;
	margin: 0 auto;
	width: 100%;
	}
#sp-r-menu-li ul li{
	margin: 0 auto;
	text-align: center;
	height:30px;
	padding-top:10px;
}
#sp-r-menu-li ul li:last-child{
	border: none;
}
#sp-r-menu-li ul li a{
	font-size:1.0em;color:#fff;
}
/*PCヘッダーここから*/

/* ここからメガメニュー */
.gnav-wrapper {
	background-color:#e4e3e5;
	position: relative;
	clear: both;
}
.gnav main-wrapper {
	width:1200px;
	margin:0 auto;
}
.gnav {
	display: flex;
	justify-content: space-between;
	width:1200px;
	margin:0 auto;
}
.gnav li {
	width:calc( (100% / 5) );
	padding: 12px 0 10px 0;
	text-align: center;
	transition: all .3s ease-in-out;
}
.gnav a {
	font-size:1.0em;color: #333;
	font-weight:bold;
}
/*開閉ボタン*/
#nav_toggle{
	display: block;
	width: 32px;
	height: 36px;
	position: absolute;
	top: 16px;
	right:12px;
	z-index: 100;
	cursor: pointer;
}
#nav_toggle div {
	position: relative;
	
	}
#nav_toggle span{
	display: block;
	height: 2px;
	background: #fff;
	position:absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;	
}
#nav_toggle span:nth-child(1){
	top:0px;
}
#nav_toggle span:nth-child(2){
	top:12px;
}
#nav_toggle span:nth-child(3){
	top:24px;
}

/*開閉ボタンopen時*/
.open #nav_toggle span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav_toggle span:nth-child(3) {
	top: 12px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#top-spbn{
	width: 280px;
	margin:10px auto;
	clear:both;
}
.small-menu a{
	float:right;
	font-size: 0.9em;color:#333;
	padding:18px 24px 0 0;
}
.spundermenu-r{
    margin: 16px 0 0 8px;
    width: auto;
    font-weight: bold;
    font-size: 1.4em;color:#666;
    display: inline-block;
    float: left;
}
.spundermenu-r1 a{
	float:right;
	padding-top:14px;
	font-size:1.1em;color:#fff;
	text-align:center;
	background-color:#333;
	padding:16px 20px 8px 24px;
	border-right:solid 2px #fff;
	border-left:solid 2px #fff;
	border-bottom:solid 2px #fff;
	border-radius:0	0 12px 12px;
	display:block;
	font-weight:bold;
}
.spundermenu-r1 a:after,.spundermenu-r2 a:after{
content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/wyajirushi2.png);
    background-size: contain;
    vertical-align: middle;
    margin: -4px 0 0 4px;
}
.spundermenu-r2 a{
	float:right;
	padding-top:14px;
	border-right:solid 2px #fff;
	border-left:solid 2px #fff;
	border-bottom:solid 2px #fff;
	font-size:1.1em;color: #fff;
	text-align:center;
	background-color:#3cc644;
	padding:16px 20px 8px 24px;
	border-radius:0	0 12px 12px;
	margin: 0 20px;
	display:block;
	font-weight:bold;
}
.trial-txt2-r, .trial-txt2-r2{
	width: 460px;
    	height: auto;
    	float:right;
}
.trial-txt2-r p{
	line-height:1.8em;
	font-size:1.1em;
}
.trial-txt2-l{
	width: 480px;
    	height: auto;
    	float:left; 
}
.top-sns img{
	width:36px;
	height:auto;
	border-radius:50%;
	float:right;
	margin:10px 0 0 12px;
}
/*トップ画像ここから*/
#pc-ti, #main-pc-ab #pc-ti, #main-pc-f #pc-ti, #main-pc-eb #pc-ti, #main-pc-ah #pc-ti, #main-pc-inst #pc-ti,#main-pc-f #pc-ti, #main-pc-gr #pc-ti, #main-pc-fa #pc-ti, #main-pc-vo #pc-ti, #main-pc-e #pc-ti, #main-pc-col #pc-ti, #main-pc-p #pc-ti, #main-pc-gp #pc-ti, #main-pc-cor #pc-ti, #main-pc-ac #pc-ti, #main-pc-ts #pc-ti, #main-pc-ps #pc-ti{
	position:absolute;
	right:0;
	bottom:0;
    height: auto;
    width: 506px;
}
#top-pic{
	height:auto;
	padding-top:64px;
	background-color: #fff;
	background-image: url(../images/jimon1.png);
}

#main-sp, .br-pc, #main-sp-f, #main-sp-ab, #main-sp-ah, #main-sp-fa, #main-sp-gr, #main-sp-eb, #main-sp-inst, #main-sp-vo, #main-sp-e, #main-sp-col, #main-sp-p, #main-sp-gp, #main-sp-bg, #main-sp-cor, #main-sp-ac, #main-sp-ps, #main-sp-ts, #free-bn, .menu-bn{
	display: none;
}
#pc-point{
display: block;
	clear:both;
	padding:40px 0 0 40px;
}
.top-txt1{
	padding-top:130px;
}
.top-txt3{
	padding-top:40px;
}
.top-txt1 p,.top-txt3 p{
    padding: 9px 40px 5px 40px;
    background-color: #ffffff;
    display: inline-block;
    font-weight: bold;
    font-size: 1.6em;
    margin-top: 16px;
    float: left;
    clear: both;
    letter-spacing: 0.05em;
}

/*パン屑ここから*/
.breadcrumb{
    width: 980px;
    margin: 10px auto 0 auto;
    font-size: 0.9em;
    color: #666;
}
.breadcrumb li{
	float:left;
}
.breadcrumb a{
	font-size:1.0em;color:#666;
}
.breadcrumb a:hover{
	border-bottom:solid 1px #666;
	padding-bottom:2px;
}
.breadcrumb li:not(:last-child)::after {
    content: ">";
    padding: 0 .6em 0 .8em;
}
/*無料体験ここから*/
.g-content3 {
    background-color: #cecece;
    background-image: url(../images/jimon1.png);
    padding: 30px 0;
    overflow: hidden;
}
.tri-bn{
	margin:0px auto 20px auto;
	height:28px;
	width: 560px;
	border-radius:28px;
	display:block;
	font-size:1.3em;color:#fff;
	text-align:center;
	padding:16px 0 12px 0;
	clear:both;
}
.tel-bn {
    margin: 10px 0 0 50px;
    height: auto;
    width: 320px;
    display:inline-block;
    padding: 6px 0;
    text-align: center;
    background-color: #fff;
    	float:left;
	clear:both;
}
.tel-bn2{
    margin: 5px auto;
    height: 48px;
    width: 560px;
    border-radius: 28px;
    display: block;
    font-size: 1.3em;
    color: #fff;
    text-align: center;
    padding: 4px 0;
    letter-spacing: 0.09em;
    line-height: 0.5em;
}
.tel-bn2 p {
    position: relative;
    top: 12px;
}
.tel-bn a{
	text-align:center;
	font-size:1.1em;
	line-height : 1.0em;
	color: #666;
}
.tel-bn-txt-s{
	text-align:center;
	font-size:0.9em;
}
.tel-bn-txt{
	text-align:center;
	font-size:1.3em;
	padding-top:14px;
	font-weight:bold;
}
.tel-bn-txt2{
	text-align:center;
	font-size:1.1em;
	line-height : 1.2em;
	color: #333;
	padding-top:4px;
}
.tel-bn-txt2 .ti-b2{
	line-height : 1.6em;
}
/*無料体験ここから*/
.g-content{
	background-color:#e4e3e5;
	padding:30px 0;
	clear:both;
}
.g-content2{
	background-color:#e4e3e5;
	clear:both;
	overflow: hidden;
	padding:0 0 40px 0;
}
.g-content3 {
    background-color: #cecece;
    background-image: url(../images/jimon1.png);
    padding: 30px 0;
    overflow: hidden;
}
.tri-bn, .tri-bn2{
	margin: 40px auto 10px auto;
    height: 18px;
    width: 50%;
    border-radius: 12px;
    display: block;
    font-size: 1.4em;color:#fff;
    text-align: center;
    padding: 24px 0 32px 0;
    font-family: "M PLUS 1", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border: solid 4px #ee4f01;
}
.tri-bn3{
	margin:20px auto;
	height:auto;
	width: 560px;
	border-radius:60px;
	display:block;
	font-size:1.3em;
	text-align:center;
	letter-spacing: 0.09em;
	padding:18px 0 14px 0;
	clear:both;
	}
.trial-txt2-r .table-txt-s{
	font-size:0.8em;
	line-height : 1.7em;
}
.on-semi{
	width: 980px;
	height: auto;
	padding: 28px 0 12px 0 ;
	background-color:#71ebb0;
	margin-top:40px;
	text-align:center;
}
.on-semi img{
	width: 480px;
	height: auto;
	display:block;
	margin:0 auto 8px auto;
}
.fukidashi-w{
	width: 560px;
	height: auto;
	padding: 24px 0;
	background-color: #ffffff;
	margin: 0 auto 30px auto;
	position: relative;
	border-radius: 8px;
	display: block;
}
.fukidashi-w2{
	width: 560px;
	height: 102px;
	padding: 12px 0 0 0;
	background-color: #ffffff;
	margin: 0 auto 30px auto;
	position: relative;
	border-radius: 8px;
	display: block;
}
.fukidashi-w3{
	width: 560px;
	height: 92px;
	padding: 12px 0 0 0;
	background-color: #e4e3e5;
	margin: 30px auto;
	position: relative;
	border-radius: 8px;
	display: block;
}
.fukidashi-w4{
	width: 560px;
	height: 92px;
	padding: 12px 0 12px 0;
	background-color: #fff;
	margin: 0 auto 30px auto;
	position: relative;
	border-radius: 8px;
	display: block;
}
.fukidashi-w4 p{
	font-size:0.9em;
}
.fukidashi-w:before, .fukidashi-w2:before, .fukidashi-w4:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #ffffff;
}
.fukidashi-w3:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e4e3e5;
}
.fukidashi-w img{
    width: auto;
    height: 44px;
}
 .fukidashi-w2 img{
	width: 360px;
	height: auto;	
}
.fukidashi-w4 img, .fukidashi-w3 img{
    width: auto;
    height: 44px;
}
.fukidashi-pc{
	width: 780px;
	height:auto;
	margin:0 auto;
}
.trial{
	clear:both;
	height:auto;
	width: 100%;
	margin:40px auto;
	background-color:#e4e3e5;
	padding-bottom:40px;
	overflow:hidden;
}
.trial2,.trial3{
	margin:0px auto 20px auto;
	width: 980px;
	overflow:hidden;
	background-color: #fff;
}
.trial h3, .trial-voice h3{
	text-align:center;
	font-size:1.3em;color:#fff;
	background-color:#666;
	font-weight:normal;
	padding:8px 0;	
}
.trial2 h3{
	text-align:center;
	font-size:1.3em;color:#fff;
	background-color:#ff7d20;
	padding:8px 0;	
}
.trial3 h3{
	text-align:center;
	background-color:#666;
	font-size:1.3em;color:#fff;
	padding:8px 0;
	letter-spacing: 0.06em;
}
.trial h4{
	float:left;
	width: 500px;
	margin:20px 60px 0 20px;
}
.trial2-txt{
	float: left;
	width: 500px;
	margin: 20px 60px 20px 20px;
}
.trial3-txt{
	width: 640px;
	margin: 20px auto;
}
.trial2-p{
	margin: 20px 200px;
	line-height:2.0em;
}
.trial2-txt p {
    font-size: 0.9em;
}
.trial2-txt h4{
	line-height:1.4em;
	margin-top:4px;
}
.trial .or-trialtxt{
	clear:both;
	font-size:1.0em;color:#ff7d20;
	margin-left:80px;
	margin-top:20px;
	font-weight:bold;
	width:820px;
}
.trial p{
	margin:4px 80px 20px 20px;
	font-size:0.9em;
	float:left;
	width: 480px;
}
.ft-content .trial img{
	height:auto;
	width: 300px;
	float:left;
	margin:20px 0 10px 80px;
	display:block;
	clear:both;
}
.trial2 img,.trial3 img{
	height:auto;
	width: 300px;
	float:left;
	margin:20px 0 20px 80px;
	display:block;
	clear:both;
}
#page{
	margin:0 auto 20px auto;
	width: 92px;
	height: 28px;
}
#page li{
	width: 28px;
	height:20px;
	padding-bottom:6px;
	margin: 0 8px;
	border:solid 1px #ff7d20;
	float:left;
	text-align:center;
}
#or-page{
	width: 24px;
	height:20px;
	padding-bottom:4px;
	margin: 0 4px;
	border:solid 1px #ff7d20;
	float:left;
	text-align:center;
	background-color:#ff7d20;
}
#page li a{
	color:#ff7d20;
	font-size:1.2em;
}
#page #or-page a{
	color:#fff;
	font-size:1.2em;
}
/*こんな方におすすめここから*/
.point2 li{
	width:300px;
	margin:10px 40px 20px 0;
	float:left;
	font-size:0.9em;
	line-height:1.7em;
}
.point2 li img{
	width:240px;
	height:auto;
	border-radius:50%; 
}
.point2 li:last-child{
	margin:10px 0 0 0;
}
.pc-img{
	width: 680px;
	height: auto;
	margin:0 auto;	
}
.system{
	width: 680px;
	height: auto;
	padding:20px 0 0 0;
	overflow:hidden;
	margin:0 auto;	
}
.system li{
    width: 200px;
    height: auto;
    float: left;
    margin: 10px 13px;
    display: block;
}
.system li img{
	width:120px;
	height:auto;
	margin:0 auto 8px auto;
	background-color:#fbe8da; 
	display:block;
	border-radius:16px; 
}
.system li p{
	font-size:0.9em;
	line-height:1.5em;
	font-weight:bold;
}
/*コースのポイントここから*/
.point-s{
	width: 720px;
	margin:16px auto 0 auto;
	position: relative;
}
.point-s img{
	width: 100%;
	height:auto;
	margin:0px auto;
	display:block;
}
.point-s p{
	padding:0 0 20px 0;
}
.point-s h3{
	padding:8px 0 4px 0;
	font-size:1.3em;
}
.point-s .point-s-img{
	height: 100px;
	width: 100px;
	position: absolute;
	top:-16px;
	left:16px;
}
.point-s .point-s-txt{
    background-color:#ff7d20;
    padding: 10px 0;
    font-size: 1.3em;
    text-align: center;
    margin-bottom: 10px;
}
.point-s .point-s-txt2{
    background-color:#5dfecf;
    padding: 10px 0;
    font-size: 1.3em;
    text-align: center;
    margin-bottom: 10px;
}
#point3, #point2{
	border-bottom:solid 1px #666;
}
/*ポイントここから*/
.b-content2{
	overflow:hidden;
	padding:20px 0;
}
.b-content{
	overflow:hidden;
	background-color:#fbe8da;
	padding:0 0 40px 0;
}
.w-content{
	overflow:hidden;	
}
.w-content2{
	overflow:hidden;
	padding-bottom:30px;
	clear:both;	
}
#point h3 p{
	font-size: 1.3em;color:#333;
	text-align:center;
}
#point h1{
	background-color:#ff7d20;
	padding:24px 0;
	background-image: url(../images/jimon1.png);
	font-size:1.7em;
	text-align:center;
	line-height :1.2em;
}
#point .ye-back{
	background-color:#ffff02;
	padding:24px 0;
	background-image: url(../images/jimon1.png);
	font-size:1.7em;
	text-align:center;
	line-height :1.2em;
}
#point li a{
	color:#333;
}
#point li{
	width: 300px;
	height: 300px;
	font-size:1.3em;
	text-align:center;
	line-height :1.2em;
	font-weight:bold;
	margin:40px 40px 60px 0 ;
	float:left;
	border-radius:150px; 
}
#point li:last-child{
	margin:40px 0 30px 0 ;
}
#point h4{
	background-color:#ffff02;
	padding:10px 0;
	font-size:1.3em;
	text-align:center;
	margin-bottom:10px;
}
.point-contentsl, .info-contentsl{
	width: 48%;
	height:auto;
	margin:0 0 40px 0;
	float:left;
	position:relative;
}
.point-contentsr, .info-contentsr{
	width: 48%;
	height:auto;
	float:right;
	margin:0 0 40px 0;
	position:relative;
}
.point-img-1, .point-img-3{
	margin-left: 16px;
    width: 112px;
    height: 112px;
    display: block;
}
.point-contentsr img, .point-contentsl img{
	width: 100%;
	height: auto;
	border-radius:12px 12px 0 0 ;
	display:block;	
}
.point-contentsr h3, .point-contentsl h3{
    font-size:2.0em;color:#fff;
    letter-spacing:0.04em;
    font-weight:normal;
	padding:12px 32px 0 32px; 
	position:absolute;
	bottom:140px;
	right:40px;
	z-index:998;
	text-align:center;
	line-height:1.6em;
}
.point-contentsr p, .point-contentsl p, .recommend .point-contentsl p, .recommend .point-contentsr p{
    	font-size: 0.9em;color: #fff;
	border-radius: 0 0 12px 12px;
	background-color:#333;
	padding:12px 0 12px 72px;
}
.point-contentsr h3:after, .point-contentsl h3:after{
	content: '';
	display: inline-block;
	width: 28px;
	height: 28px;
	background-image: url(../images/wyajirushi2.png);
	background-size: contain;
	vertical-align: middle;
	margin:-4px 0 0 0;
}
.point-contentsl .point78{
	margin-top:-48px;
	line-height:1.4em;
}
.info-contentsr, .info-contentsl{
	margin-top:30px;
}
.info-contentsr img, .info-contentsl img{
	display:block;
}
/*無料体験ここから*/
.gr-content{
	overflow:hidden;
	background-color:#dffbed;
}
.w-content{
	overflow:hidden;
	padding:0 0 20px 0;
	clear: both;
}
.g-content2 h3 {
	font-size: 1.3em;color:#333;
	text-align:center;
	line-height : 1.3em;
}
.fixed {
	position: fixed;
	width: 100%;
	height:86px;
	top: 0;
	left:0;
	z-index: 997;
	padding-top:113px;
	    background-color: rgba(102, 102, 102, 0.3);
}
.freetop_bn ul{
	width: 980px;
	margin:0 auto;
}
.freetop_bn li{
	padding: 6px 0 16px 0;
	font-size: 1.1em;
	color: #333;
	text-align: center;
	background-image: url(../images/jimon1.png);
	background-color: #ffff02;
	border-radius:8px;
	width: 470px;
	line-height : 0.5em;
	float:left;
}
.freetop_bn li:last-child{
	margin-left:40px;
	background-color: #ff7d20;
}
.freetop_bn li a{
	font-size: 0.9em;color:#333;
	text-align:center;
	font-weight:bold;
}
.ft-content img{
	width: 460px;
	height:auto;
	float:left;
	display:block;
	margin:40px 20px 0 0;
}
.ft-content .trial-voicel-ye h4 img, .trial-voicer-ye h4 img, .trial-voicer-or h4 img, .ft-content .trial-voicel-or h4 img{
	width: 72px;
	height:72px;
	border-radius:50%;
	float:left;
	display:block;
	margin: 0px 8px 4px 0; 
}
.ft-content h1{
	padding:36px 0;
	width: 100%;
	font-size:1.4em;color:#333;
	margin:0 auto;
	text-align:center;
	background-image: url(../images/jimon1.png);
}
.tri-date{
	width: 100%;
	height:auto;
	border-top:1px solid #a2a2a2;
	border-left:1px solid #a2a2a2;
	text-align:center;
	border-collapse: collapse;
	font-size:1.1em;
	margin:40px 0 10px 0;
}
.fukidashi-pc .tri-date{
	width: 560px;
	height:auto;
}
.tri-date td{
	padding: 4px;
	border-right:1px solid #a2a2a2;
	border-bottom:1px solid #a2a2a2;
}
.trial-txt h2{
	font-size:1.1em;
	margin-top:-20px;
	float:right;
	line-height : 1.8em;
	width: 460px;
}
.trial-txt h3{
	font-size:1.0em;
	float:right;
	margin-top:10px;
	width: 460px;
	line-height:1.6em;
	font-weight:normal;
}
.trial-txt img{
	width: 460px;
    	height: auto;
    	float:right;
    	display: block;
    	margin: 0px 0 30px 20px;
}
.trial-txt2 .trial-txt2-l h2{
	padding-top:0;
}
.trial-txt2 h2{
	font-size:1.4em;
	text-align:center;
	display:block;
	clear:both;
	padding-top:30px;
}
.trial-txt2 h3 {
    padding: 10px 0 4px 0;
    background-color:#71ebb0;
    display: block;
	margin:8px 0;
	text-align:center;
}
.greybox{
	padding: 0 40px;
	text-align:center;
}

.tri-ti{
	background-color: #e4e3e5;
}
.trial-voice{
	margin:0 0 60px 0;
	overflow:hidden;
	padding-top: 20px;
}
.trial-txt2 h3::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/check.png);
	background-size: contain;
	vertical-align: middle;
	margin-top:-4px;
	margin-right:8px;
}
.trial-voicerl{
	clear:both;
}
.trial-voicerl p{
	font-size:0.9em;
	line-height:1.8em;
	margin-top:8px;
	clear:both;
}
.trial-voicel-ye{
	width: 408px;
	float:left;
	padding:20px 36px;
	background-color:#ffffc3;
	margin:20px 10px 0 0 ;
	border-radius: 8px;
}
.trial-voicer-ye{
	width: 408px;
	float:right;
	padding:20px 36px;
	background-color:#ffffc3;
	margin:20px 0 0 10px ;
	border-radius: 8px;
}
.trial-voicel-or{
	width: 408px;
	float:left;
	padding:20px 36px;
	background-color:#fbe8da;
	margin:20px 10px 0 0 ;
	border-radius: 8px;
}
.trial-voicer-or{
	width: 408px;
	float:right;
	padding:20px 36px;
	background-color:#fbe8da;
	margin:20px 0 0 10px ;
	border-radius: 8px;
}
.trial-voicel-bl{
	width: 440px;
	float:left;
	padding:20px;
	background-color:#dff8ff;
	margin:20px 10px 0 0 ;
	border-radius: 8px;
}
.trial-voicer-bl{
	width: 440px;
	float:right;
	padding:20px;
	background-color:#dff8ff;
	margin:20px 0 0 10px ;
	border-radius: 8px;
}
/*エレキ個人コースここから*/
.course-about{
	width: 480px;
	display:inline-block;
	margin: 30px 0 0 0;
}
/*プロコースここから*/
.pro-img img{
	width: 480px;
    height: auto;
	display: block;
	margin:8px 0 30px 0;
}
.trial-txt2 h2 img {
    width: 480px;
    height: auto;
	display: block;
}
.point2 h3{
    font-size: 0.9em;
    line-height:1.5em;
    margin-top: 8px;
    display: block;
}
.point2 h3::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/check_or.png);
    background-size: contain;
    vertical-align: middle;
    margin: -4px 4px 0 0;
}

/*osusumeここから*/
.osusume{
	background-color: #e4e3e5;
    clear: both;
    margin: 4px 0 20px 0;
    display: block;
    padding: 10px;
    border-radius: 8px;
}
	
/*初心者コースここから*/
.c-ti{
	width: 100%;
	height:auto;
	margin:60px auto 0 auto;
	padding: 10px 0;
	background-color:#000;
	font-size:1.4em;color:#fff;
	text-align:center;
	font-weight:normal;
	letter-spacing:0.06em;
}
.t-ti{
	width: 100%;
	height:auto;
	margin:0 auto;
	font-size:1.0em;color:#333;
	text-align:center;
	padding:0 0 10px 0;
	line-height:1.6em;
}
.q-ti{
	font-size:1.4em;color:#333;
	text-align:center;
	display:block;
	line-height:1.7em;
	
}
.o-ti{
	font-size:1.4em;color:#333;
	text-align:center;
	display:block;
	line-height:1.7em;	
}
.o-ti2 p{
	width:640px;
	height:auto;
	float:left;
	margin:40px 0 0 30px;
	display:block;
	font-size:1.0em;
}
.o-ti2 h3{
	font-size:1.1em;color:#333;
	text-align:center;
	line-height:1.4em;
	width:310px;
	height:auto;
	float:left;
	background-color:#fff;
	padding:0px 0px 10px 0px;
	margin:40px 0 0 0;
	position: relative;
	display: inline-block;
	clear:both;
}
.o-ti2 h3 img{
	width:310px;
	height:auto;
	display:block;
	margin:0 0 15px 0;
}
/*.o-ti2 h3:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #fff;
}*/

.q-an{
	width: 720px;
	height:auto;
	font-size:1.0em;
	display:block;
	margin:10px auto 0 auto;
	line-height:2.0em;
}
.t-ti2{
	height:auto;
	margin:0 auto;
	font-size:1.2em;color:#333;
	text-align:center;
	letter-spacing:0.06em;
	padding:6px 20px;
	border:solid 1px #666;
	clear:both;
	border-radius:24px;
	width: 280px;
}
.course-table3{
	width: 980px;
    height: auto;
    margin: 0 auto 40px auto;
    border: 1px solid #a2a2a2;
    border-collapse: collapse;
    font-weight: bold;
    background-color: #ffffff;
}
.course-table{
	width: 100%;
	height:auto;
	margin:10px auto;
	border:1px solid #a2a2a2;
	border-collapse: collapse;
	font-weight:bold;
	background-color:#ffffff;
}
.course-table td, .course-table3 td{
	padding: 6px 10px;
	border-right:1px solid #a2a2a2;
	border-bottom:1px solid #a2a2a2;
}
.cur-table{
	width: 100%;
	height:auto;
	margin:10px auto 20px auto;
	border:1px solid #a2a2a2;
	border-collapse: collapse;
	background-color:#ffffff;
}
.cur-table td{
	padding: 16px;
	border-right:1px solid #a2a2a2;
	border-bottom:1px solid #a2a2a2;
}
.cur-table2 td{
	padding: 8px 16px;
	border-right:1px solid #a2a2a2;
	border-bottom:1px dotted #a2a2a2;
}
.cur-table2{
	width: 100%;
	height:auto;
	margin:10px auto 40px auto;
	border:1px solid #a2a2a2;
	border-collapse: collapse;
	background-color:#ffffff;
}
.dotted-t{
	border-top:1px dotted #a2a2a2;
}
.dotted-u{
	border-top:1px solid #a2a2a2;
}
.ti-img{
	width: 560px;
	height:auto;
	margin:20px auto 0 auto;
	display:block;
}
.ti-img2{
	width: 320px;
	height:auto;
	margin:20px auto 4px auto;
	display:block;
}
.ti-c-img{
	width: 480px;
	height:auto;
	margin-bottom:10px;
	float:left;
}
.ti-c-img img{
	width: 480px;
	height:auto;
}

/*コース紹介ここから*/
#top-course{
	width: 100%;
	height:auto;
	background-color:#e4e3e5;
	overflow:hidden;
}
.top-contentsr{
	width: 460px;
	height:auto;
	float:right;
	margin-bottom:20px;
}
.top-contentsl{
	width: 460px;
	height:auto;
	float:left;
	margin-bottom:20px;
	clear:both;
}
.ti-u-txt{
	font-size: 1.1em;
	margin-top:16px;
	display:block;
}
.top-contentsl img, .top-contentsr img{
	width: 100%;
	height:auto;
}
.top-contentsl h1, .top-contentsr h1{
	padding:16px 0 10px 0;
	width: 100%;
	font-size:1.1em;color:#333;
	text-align:center;
	background-color: #71ebb0;
	background-image: url(../images/jimon1.png);
}
#about{
	background-color: #fff;
	padding:0 0 40px 0;
	height:100%;
	overflow:hidden;
}
#about h2{
	text-align:center;
}
.pc-img img{
	float:left;
	display:block;
}
#g-content ul{
	width: 980px;
	height:auto;
	overflow:hidden;
	clear:both;
	margin:0px auto 40px auto;	
}
.about-r,.about-top-r{
	width: 980px;
	height:auto;
	overflow:hidden;
	clear:both;
	margin:0px auto;	
}
.trialbox{
	overflow: hidden;
	background-color: #fbe8da;
	padding: 20px 0 40px 0;
}
.trialbox h4{
	text-align:center;
	font-weight:bold;
	font-size:1.5em;color:#ff7d20;
	padding-top:10px;
}
.trialbox p{
	text-align:center;
	padding-top:20px;
	padding-bottom:4px;
}
.trial-ti{
	font-weight:bold;
	font-size:1.1em;
}
.trialbox img{
	width: 640px;
	height:auto;
	margin:0px auto;
	display:block;
}
#topmenu-pc1, #topmenu-pc2{
	width: 1200px;
	height:auto;
	overflow:hidden;
	margin:0px auto;	
}
#topmenu-pc2{
	padding-top:4px;	
}
#topmenu-pc2 li{
	width:171px;
	height:auto;
	float:left;
	text-align: center;
	background-color:#e4e3e5;
}
#topmenu-pc2 li a{
	font-size: 0.9em;
	color: #333;
}
#topmenu-pc2  li li {
	height: 0;
	width: 100%;
	overflow: hidden;
	transition: .5s;
		
}
#topmenu-pc2  li ul {
    	margin-top:4px;
}
#topmenu-pc2  li:hover > ul > li {
    height: 2rem;
    overflow: visible;
}
.top-txt2{
    float: left;
    width: 204px;
    height: auto;
    margin: 20px 20px 0 20px;
}
.top-txt2 p{
	font-size: 1.2em;
	color: #fff;
	text-align: center;
}
.top-txt2 p::after{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border: .48em solid transparent;
	border-top: .6em solid #fff;
	border-bottom: 0 solid transparent;
	margin-left: 2px;
	margin-top: -.2em;
}
.top-txt2 img{
	width: 100%;
	height:auto;
	display:inline-block;
	border-radius:12px;
	border:4px solid #fff;
}
#top-txt3{
	padding:6px 0;
	background-color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	margin:0 auto;
	width: 980px;
	text-align:center;
}
.top-title1{
	background-color:#66a38f;
	width: 980px;
	height:36px;
	font-size:1.4em;color:#fff;
	font-weight:normal;
	padding-top:12px;
	text-align:center;	
	margin-bottom:20px;
	letter-spacing: 0.2em;
}
.top-title2{
	background-color:#c67582;
	width: 980px;
	height:36px;
	font-size:1.4em;color:#fff;
	font-weight:normal;
	padding-top:12px;
	text-align:center;	
	margin-bottom:20px;
	letter-spacing: 0.2em;
}
.top-img{
	float:left;
}
.top-ti-img-r, .top-ti-img-l{
	display: block;
	float:left;
	height:auto;
}
.top-ti-img-l img, .top-ti-img-r img{
	width: 360px;
	height:auto;
	float:left;
}
.course-txt{
	margin:0 auto 20px auto;	
}
.trial-txt{
	margin:30px auto 40px auto;
	width: 980px;
}
.trial-txt2{
	margin:10px auto 20px auto;
	width: 980px;
	overflow:hidden;
}
.course-txt h2{
	font-size:1.0em;
	padding-bottom:4px;
	border-bottom:2px dotted #333;
}
.course-txt p{
	padding-top:8px;
	clear:both;
	display: block;
	font-size:1.0em;
}
.syosai-bn,.syosai-bn3{
    margin: 0px auto 40px auto;
    height: 15px;
    width: 320px;
    border-radius: 36px;
    display: block;
    font-size: 1.0em;
    color: #333;
    text-align: center;
    padding: 12px 0 22px 0;
    clear: both;
    font-weight: normal;
    border:solid 1px #666;
    background-color: #fff;
}
.syosai-bn:hover,.syosai-bn3:hover{
    margin: 0px auto 40px auto;
    height: 15px;
    width: 320px;
    border-radius: 36px;
    display: block;
    font-size: 1.0em;color: #333;
    text-align: center;
    padding: 12px 0 22px 0;
    clear: both;
    font-weight: normal;
    border:solid 1px #cecece;
    background-color: #cecece;
}
.syosai-bn3{
	margin-bottom:10px;
}
.syosai-bn2{
    margin: 0px auto 20px auto;
    height: 15px;
    width: 560px;
    border-radius: 36px;
    background-color: #666;
    display: block;
    font-size: 1.0em;
    color: #fff;
    text-align: center;
    padding: 10px 0 24px 0;
    clear: both;
    font-weight: normal;
}
.syosai-bn:after, .syosai-bn3:after, .tri-bn2:after{
	content: '';
	display: inline-block;
	width: 14px;
	height: 16px;
	background-image: url(../images/yajirushi.png);
	background-size: contain;
	vertical-align: middle;
	margin-top:-2px;
	margin-left:6px;
	background-repeat:no-repeat;
}
.syosai-bn2:after{
	content: '';
	display: inline-block;
	width: 14px;
	height: 16px;
	background-image: url(../images/wyajirushi.png);
	background-size: contain;
	vertical-align: middle;
	margin-top:-2px;
	margin-left:6px;
	background-repeat:no-repeat;
}
.tri-bn3:after{
	content: '';
	display: inline-block;
	width: 18px;
	height: 20px;
	background-image: url(../images/byajirushi.png);
	background-size: contain;
	vertical-align: middle;
	margin-top:-3px;
}
.tri-bn:after{
	content: '';
	display: inline-block;
	width: 18px;
	height: 20px;
	background-image: url(../images/wyajirushi.png);
	background-size: contain;
	vertical-align: middle;
	margin-top:-3px;
	margin-left:4px;
	background-repeat:no-repeat;
}
/*ここからレッスンの質*/
.vimeo{
	width:420px;
	height:auto;
	float:left;
	margin:30px 35px;
	font-size:0.9em;
	border-radius: 8px;
	line-height:1.7em;
}
.vimeo iframe{
}
#point .vimeo h4{
	text-align:center;
	margin: 0 auto;
	background-color: #ffffc3;
	padding:10px 0;
    	font-size: 1.1em;
}
/*ここから受講までの流れ*/
.step-img{
	width:976px;
	height:auto;
	margin:20px auto;
	overflow:hidden;
	border:solid 2px #cecece;
}
.step-img2{
	width:92%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
.step-img h1{
	background-color:#666;
	padding:16px 20px;
	font-size:1.4em;color:#fff;
	letter-spacing:0.08em;
	font-weight:normal;
}
.step-img2 h2{
	font-size:1.4em;
	padding:20px 0 0 0;
	text-align: center;	
}
.step-img2 p{
	font-size:0.9em;
}
.step-img img{
	width:50%;
	float:left;
	height:auto;
	display:block;
	margin:20px;
}
.step-img p{
	padding:20px 40px;
}
.step{
	padding:2px 12px;
	background-color:#ff7d20;
	margin-right:8px;
	border-radius: 20px;
	font-size:0.9em;
	letter-spacing:0.04em;
}
.sankaku{
	width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top: 25px solid #ff7d20;
    margin: 20px auto -30px auto;
}
/* ここから生徒さんの声*/
.y-content{
	background-color: #ffffc3;
	background-image: url(../images/jimon1.png);
	overflow:hidden;
	padding:40px 0 20px 0;
}
.top-int1 .top-int-txt .name img, .top-int2 .top-int-txt .name img{
	width: 140px;
	height:140px;
	display:inline-block;
	border-radius:50%;
	float:left;
	margin:0 0 10px 0;
}
.top-int3 .top-int-txt .name img, .top-int4 .top-int-txt .name img, .top-int5 .top-int-txt .name img, .top-int6 .top-int-txt .name img{
	width: 140px;
	height:140px;
	display:inline-block;
	border-radius:50%;
	float:left;
}
.name-txt{
	float: left;
	margin-left: 18px;
	margin-top: 32px;
	line-height: 1.0em;
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
}
.name-txt2, .name-txt3{
	float: left;
	margin-left: 18px;
	margin-top: 24px;
	line-height: 1.0em;
}
.top-int-txt{
	width:86%;
	height:auto;
	margin:0 auto;
	font-size:0.9em;
	padding:40px 0;	
}
.top-int1 .top-int-txt p, .top-int2 .top-int-txt p{
	clear:both;
}
.name-txt2-p{
	float: left;
	width:664px;
	margin-left: 18px;
	padding:0 0 32px 0;
	line-height:1.7em;
}
.top-int1, .top-int2{
	background-color:#fff;
	width:40%;
	float:right;
	overflow:hidden;
	margin-bottom:30px;
}
.top-int3{
	background-color:#ffffc3;
	width:100%;
	overflow:hidden;
	margin:20px auto;
}
.top-int4{
	width:100%;
	overflow:hidden;
	margin:20px auto;
	background-color:#fbe8da;
}
.top-int5{
	width:100%;
	overflow:hidden;
	margin:20px auto;
	background-color:#e2fdf0;
}

.top-int5 iframe{
    width: 560px;
	height:300px;
	padding:8px 0;
}
.top-int6{
	width:100%;
	overflow:hidden;
	margin:20px auto 0 auto;
	background-color:#e4e3e5;
	padding:0 0 8px 0;
}
.top_bn, .top_bn1{
	width: 460px;
	float: left;
	height:auto;
	margin:20px 0;
}
.top_bn1{
	margin-left:60px;
}
.top_bn3{
	margin:20px auto;
		width: 640px;
		display:block;
}
.topbn_ti{
	padding-top:20px;
	text-align:center;
	font-size:1.6em;
	line-height:1.4em;
}
.pc-img2{
	width: 100%;
	height:auto;
	display:block;
}
.point2{
	width: 980px;
	clear:both;
	height:auto;
	margin:0 auto;
	display:block;
}

/* ここから講師紹介 */
.g-content{
	overflow:hidden;
	background-color:#e4e3e5;
	padding:20px 0;
}
.top-inst1, .top-int1{
	background-color: #fff;
	width: 48%;
	float: left;
	height:auto;
	overflow: hidden;
	margin-bottom: 30px;
}
.top-inst2, .top-int2 {
	background-color: #fff;
	width: 48%;
	height:auto;
	float: right;
	overflow: hidden;
	margin-bottom: 30px;
}
.top-inst3 a, .top-inst4 a, .trial3 a{
	font-size:1.0em;
	color:#333;
	text-decoration:underline;
}
.top-inst3{
	background-color: #fff;
	width: 48%;
	float: left;
	height:auto;
	overflow: hidden;
}
.top-inst4 {
	background-color: #fff;
	width: 48%;
	height:auto;
	float: right;
	overflow: hidden;
}
.top-inst5 {
	background-color: #fff;
	width: 980px;
	height:auto;
	overflow: hidden;
	margin:0 auto 20px auto;
}
.top-inst1 img, .top-inst2 img, .top-inst3 img, .top-inst4 img{
	width:100%;
	height:auto;
	display:block;
}
.top-inst5 img{
	width:40%;
	height:auto;
	display:block;
	float:left;
}
.top-inst5 h3{
	width:56%;
	height:auto;
	display:block;
	float:left;
	margin:20px 0 0 4%;
	line-height:1.6em;
}
.top-inst5 p{
	clear:both;
	padding:20px 0 10px 0;
}
.top-int1 img, .top-int2 img{
	width:90%;
	height:auto;
	margin:0 auto;
	display:block;
}
.top-inst-txt{
	width:86%;
	height:auto;
	margin:0 auto;
	font-size:0.9em;
	padding:20px 0;
	line-height:1.7em;
}
.name p{
	font-size:1.4em;
	padding-bottom:4px;
	float:left;
	margin-left: 18px;
}
.bl-txt{
	padding:0 5px;
	background-color:#333;
	font-size:0.9em;color:#fff;
	margin-top:8px;
	display:inline-block;
	line-height:1.4em;
}
.comment2{
	background: linear-gradient(transparent 60%, #71ebb0 60%);
}
.comment3{
	background: linear-gradient(transparent 40%, #fff 40%);
	padding-top:10px;
	letter-spacing:0.05em;
	line-height:1.4em;
}
.trial-voicerl .small2{
	display:block;
	padding-top:4px;
}
.cp_qa{
	width: 100%;
	height:auto;
	margin:40px auto 16px auto;
	overflow:hidden;
}
/* ここから生徒さんインタビュー */
.about-txt{
	margin:20px 0;
	text-align:center;
}
.about-txt2{
	margin:40px 0;
	text-align:center;
}
#voice-content{
	width:980px;
	overflow:hidden;
	margin:0 auto;
	padding-top:30px;
}
.voice-content1, .voice-content2{
	float:left;
}
#voice-content li{
	width:200px;
	float:left;
	margin:0 22px 30px 22px;
	height:auto;
	position:relative;
}
#voice-content li a img:hover{
	opacity: .7;
}
#voice-content li a img{
	width:200px;
	height:200px;
	border-radius: 14px;
	margin-bottom: 16px;
}
#voice-content h2{
	text-align:center;
	font-size:1.0em;color:#333;
}
.course-p{
	width:160px;
	background-color:#ffff00;
	font-weight:bold;
	font-size:0.8em;color:#333;
	text-align:center;
	position:absolute;
	top:178px;
	left:20px;	
	line-height:1.4em;	
	padding:4px 0;		
}
.course-ab{
	width:160px;
	background-color:#ff7d20;
	font-weight:bold;
	font-size:0.8em;color:#333;
	text-align:center;
	position:absolute;
	top:178px;
	left:20px;	
	line-height:1.4em;	
	padding:4px 0;		
}
.course-z{
	width:160px;
	background-color:#8be8e8;
	font-weight:bold;
	font-size:0.8em;color:#333;
	text-align:center;
	position:absolute;
	top:178px;
	left:20px;
	line-height:1.4em;
	padding:4px 0;	
}
.newimg{
	position:absolute;
	top: -8px;
	left: -8px;
}
.comment{
	text-align:center;
	font-size:0.9em;color:#333;
	line-height:1.4em;
}
/* ここから生徒さんインタビュー個別ページ */
.int-top{
	background-color:#cecece;
	height:auto;
	width:100%;
	padding:20px 0;
	padding-top: 120px;
}
.int-top-box{
	width:900px;
	margin:20px auto;
	background-image:url("../images/back.png");
	height:200px;
	padding:20px 40px;
	position:relative;
}
.int-top-img{
	width:210px;
	margin-right:20px;
	float:left;
}
.top-voice-r, .top-voice-l{
	width:446px;
	margin:0 0 20px 0;
	overflow:hidden;
	padding:16px;
	background-color:#fff;
	font-size:0.9em;
	line-height:1.7em;
	float:left;
	overflow:hidden;
	border-right:solid 2px #cecece;
	border-bottom:solid 2px #cecece;
}
.top-voice-l{
	margin:0 20px 20px 0;
}
.int-top-box .int-ti{
    width: 298px;
    height: auto;
    position: absolute;
    bottom: 30px;
    right: -16px;
    transform: rotate(-10deg);
}
.top-voice-r img, .top-voice-l img{
	float:left;
	height:100px;
	width:100px;
}
.top-voice-l .voice-txt, .top-voice-r .voice-txt{
	 width: 318px;
	 height:auto;
	 float:left;
	 border-radius: 0%;
	 margin:0 0 10px 0;
}
.int-top-img img, .top-voice-r img, .top-voice-l img{
	border-radius: 50%;
	display:inline-block;
	margin:0 10px 10px 0;
}
.top-voice-l p, .top-voice-r p{
	clear:both;
}
.int-ti-box{
	float:left;
	width: 670px;
}
.int-ti-box h2{
	line-height:1.5em;
	margin:20px 0;
	letter-spacing:0.06em;
}
.int-ti-box h3{
	margin-top:10px;
	font-size:1.4em;
}
.int-ti-p{
	padding:1px 16px 0 16px;
	background-color:#ffff00;
	font-size:1.0em;color:#333;
	text-align:center;
	font-weight:bold;
	display:inline-block;
}
.int-ti-ab{
	padding:1px 16px 0 16px;
	background-color:#ff7d20;
	font-size:1.0em;color:#333;
	text-align:center;
	font-weight:bold;
	display:inline-block;
}
.int-ti-z{
	padding:1px 16px 0 16px;
	background-color:#8be8e8;
	font-size:1.0em;color:#333;
	text-align:center;
	display:inline-block;
	font-weight:bold;
}
.int-txt{
	width:980px;
	margin:0px auto;
	overflow:hidden;
	padding:40px 0 20px 0;
}
.int-txt p{
	margin-bottom:30px;
	padding-top:6px;
	border-top:dotted 1px #333;
	font-size:0.9em;
	line-height:2.0em;
}
.int-txt h4{
	font-size:1.1em;color:#333;
	margin-bottom:5px;
}
.int-side-img-l, #int-planimg{
	float:left;
	width:300px;
}
.int-side-txt-r{
	float:right;
	width:640px;
}
.int-side-img-r{
	float:right;
	width:300px;
}
.int-side-txt-l{
	float:left;
	width:640px;
}
.int-txt .img-utxt{
	border:none;
	margin-top: -10px;
	font-size:0.8em;
}
#int-sp{
	width:940px;
	height:170px;
	margin:20px auto 0 auto;
	overflow:hidden;
	padding:20px;
	background-color:#ffe1ec;
}
#int-sp p{
	float:right;
	width:320px;
	font-size:0.9em;
}
#ichiran{
	width:636px;
	padding:4px 0;
	text-align:center;
	border-radius: 20px;
	background-color: #e4e3e5;
	display:block;
	font-size:1.1em;color:#333;
	margin:40px 0;
	clear:both;
}
#ichiran2{
	width:240px;
	padding:4px 0;
	text-align:center;
	border-radius: 20px;
	background-color: #e4e3e5;
	display:block;
	font-size:1.0em;color:#333;
	margin:40px auto;
	clear:both;
}
#ichiran img, #ichiran2 img{
	margin:0 8px -4px 0;
}
/*ここからサイトマップ*/
.sitemap{	
	font-size:1.0em;color:#666;
	line-height : 2.4em;
}
.sitemap::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border: .42em solid transparent;
	border-left: .6em solid #666;
	border-right: 0 solid transparent;
	margin-right: .4em;
	margin-left: 2px;
	margin-top: -.2em;
}
.s-txt{
	text-align:center;
	padding-bottom:40px;
	line-height:1.4em;
}

/*ここからフッター*/
footer{
	width:100%;
	height: auto;
	background-color:#cecece;
	margin:20px auto 0 auto;
	clear:both;
}
#footer1{
	width: 980px;
	height:auto;
	font-size:0.8em;
	line-height:1.6em;
	margin:0 auto;
	padding:40px 0;
}
#footmenu1{
	width: 420px;
	height:auto;
	float:left;
}
#footmenu1 li{
	width: 50%;
	float:left;
}
#footmenu1 li a, #footmenu2 li a{
	font-size:0.9em;color:#666;
	padding:4px 0;
	display:block;
}
#footmenu3{
	width: 560px;
	height:auto;
	margin:0 auto;
	float:right;
	font-size:0.6em;color:#666;
	line-height : 1.8em;
	padding-top:4px;
}
#footmenu3 img{
	width: 160px;
	height:auto;
	display:block;
	margin:0 auto 8px auto; 
}
#footmenu3 p{
	clear:both;
}
#footmenu3{
	width: 560px;
	height:auto;
	margin:0 auto;
	float:right;
	font-size:0.75em;color:#666;
	line-height : 1.8em;
	padding-top:4px;
}
#footer2{
	clear:both;
	background-color:#666;
	padding:20px 0 30px 0;
	overflow:hidden;
}
#footer2-text{
	width:100%;
	font-size:0.8em;color:#fff;
	text-align:center;
	line-height : 1.5em;
}
.container table{
	margin:0px auto;
	width:600px;
	display:block;
}
/*ここからオンライン*/
#online{
	width:938px;
	margin:40px auto 10px auto;
	padding:8px 20px;
	border:dotted 1px #333;
	font-size:0.8em;color:#333;
	clear:both;
	overflow:hidden;
	line-height:1.7em;
	background-color:#fff;
}
#online h4{
	text-align:center;
	font-size:1.3em;
	padding-top:10px;
}	
.online-box img{
	width:280px;
	height:120px;
	display:block;
}
.online-box{
	width:280px;
	margin:10px 16px;
	float:left;
}
/*ここからコース案内*/
#course a{
	width:960px;
	height:auto;
	overflow:hidden;
	padding:10px;
	background-color:#fff;
	display:block;
	margin-bottom:20px;
	border-radius: 8px;
	position:relative;
}
#course a:first-child{
	margin-top:20px;
}
#course img{
	width:200px;
	height:200px;
	float:left;
}
#course h4{
	width:640px;
	height:auto;
	float:left;
	margin:20px 0 10px 40px;
	font-size:1.5em;color:#333;
}
#course p{
	width:680px;
	height:auto;
	float:left;
	margin:0 0 0 40px;
	font-size:1.0em;color:#333;
}
.guide-bn{
    position: absolute;
    bottom: 12px;
    right: 12px;
    background-color: #666;
    padding: 0px 16px;
    font-size: 1.0em;
    color: #fff;
    border-radius: 16px;
}
.guide-bn::after{
	content: '';
	display: inline-block;
	width:11px;
	height:14px;
	background-image: url(../images/wyajirushi.png);
	background-size: contain;
	position:relative;
	top:1px;
	background-repeat:no-repeat;
	margin-left:4px;
}
/*ここからWEB申込み*/
.txt-scroll {
    overflow-y: scroll;
    width: 978px;
    height: 320px;
    border: solid 1px #666;
    margin: 10px 0;
    font-size: 0.9em;
}
.txt-scroll li {
    padding: 10px 10px;
}
.pdf-bn {
    float: right;
    font-size: 0.9em;
    margin-top: 10px;
    margin-bottom: 20px;
}
.pdf-bn p {
    float: left;
    padding-top: 10px;
}
.pdf-bn a {
    padding: 10px 30px 8px 34px;
    background-color: #666;
    color: #fff;
    float: right;
    margin-left: 8px;
    border-radius: 6px;
}
.pdf-bn img {
    margin-left: 4px;
    margin-top: -2px;
    float: right;
}
#admission{
	padding-bottom:60px;
}
#admission h3 {
    margin-top: 40px;
    clear: both;
    display: block;
    font-size: 1.3em;
}
#admission h1{
	margin-bottom:20px;
	line-height : 1.4em;
}
/*ここからサイトマップ*/
#sitemap, #admission{
	width:980px;
	height: auto;
	margin:0px auto;
	padding:154px 0 20px 0;
	overflow:hidden;
}
#sitemap ul {
	margin:40px 0;
	overflow:hidden;
}
#sitemap li {
    font-size: 1.0em;
    color: #666;
    width: 33%;
    float: left;
    padding: 8px 0;
}
#sitemap h1{
	margin-bottom:20px;
	line-height : 1.4em;
	text-align:center;
	}
#sitemap li a{
	font-size:1.0em;color:#333;
	line-height : 2.4em;
	padding-left:100px;
}
#sitemap li a::before{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/o-arrow.gif);
	background-size: contain;
	vertical-align: middle;
	margin-top:-2px;
	margin-right:2px;
}
.top_bn:hover, .top_bn1:hover, .top_bn2:hover, .syosai-bn:hover, .syosai-bn1:hover, .syosai-bn3:hover, .tri-bn:hover, .tel-bn:hover, #footer1 img:hover, #google-bn p:hover, .gnav a:hover, .top-txt2 img:hover, .spundermenu-r1 a:hover, .g-content2 li:hover, .spundermenu-r2 a:hover, .logo a:hover{
	opacity: .7;
}
.top-column{
	width:92%;
	margin:0 auto 20px auto;
	overflow:hidden;
}
.top-column li{
	width:42%;
	height: auto;
	margin:20px 4% 0 4%;
	float:left;
}
.top-column img{
	width:100%;
	height: auto;
}
.top-column p{
	font-size:0.8em;color:#666;
	line-height:1.6em;
}
.foot_bn{
	width:560px;
	height:248px;
	float:left;
}
.footbutton{
	width:980px;
	margin:0 auto;
}
.shiryo{
	background-color:#fff;
	font-size:1.2em;color:#333;
	width:308px;
	height:110px;
	text-align:center;
	padding:20px 0 0 0;
	line-height:1.0em;
	border-radius:16px;
	border:solid 3px #666;
	overflow:hidden;
	display:block;
	float:left;
}
.shiryo img{
	width:64px;
	height:auto;
	text-align:center;
	margin:10px auto 0 auto;
	display:block;
}
.tel_bn{
	background-color:#666;
	font-size:1.4em;color:#fff;
	width:354px;
	height:202px;
	float:left;
	margin-left:60px;
	text-align:center;
	padding-top:40px;
	line-height:1.0em;
	border-radius:16px;
	border:solid 3px #fff; 
}
.tel_bn2{
	background-color:#666;
	font-size:1.4em;color:#fff;
	width:640px;
	height:110px;
	margin:0 20px 0 0;
	text-align:center;
	padding:20px 0 0 0;
	line-height:1.0em;
	border-radius:16px;
	border:solid 3px #fff; 
	overflow:hidden;
	display:block;
	float:left;
}
.tel_bn b, .tel_bn2 b{
	padding:10px 0 0 0;
	display:block;
	letter-spacing:0.06em;	
}
.tel_bn b:before,.tel_bn2 b:before{
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../images/tel-icon-w.png);
    background-size: contain;
    vertical-align: middle;
    margin: -4px 8px 0 0;
}	
}