/* ------------------------------------------New Site--------------------------------------------- */

footer{
	background: url() !important;
}

.corona{
	max-width: 1200px;
	text-align:center; 
	padding: 20px!important; 
	font-size:13px!important;
	margin: 0 auto!important;
	line-height: 1.5;
	}

.bnr_section {
    text-align: initial;
    color: #fff;
    background-image: url(../images/top_new/back.png);
    background-position: center top;
    background-size: auto;
    background-repeat: repeat;
    background-color: #5a5657;
    padding: 30px 10px;
    box-sizing: border-box;
    max-width: 100%;
}
.second_article{max-width:1200px;margin:0 auto!important;}
#pickup{font-size: 200%!important;text-align: center;color: white;margin-top:10px;font-weight: bold;font-family: "Hiragino Sans";}
#big_bnr1 .detail1{margin-top: 10px;font-weight: bold;font-family: "Hiragino Sans";}
#big_bnr2 .detail2{margin-top: 10px;font-weight: bold;font-family: "Hiragino Sans";}
#big_bnr1{max-width: 987px;margin: 10px auto;width:45%;float:left;margin-left: 3% !important;}
#big_bnr2{max-width: 987px;margin: 10px auto;width:45%;float:left;margin-left: 3% !important;}
#big_bnr1 a{background-color: white;display: block;}
#big_bnr1 img.bnr1:hover{opacity: 0.8;transition: .2s;}
#big_bnr2 a{background-color: white;display: block;}
#big_bnr2 img.bnr2:hover{opacity: 0.8;transition: .2s;}
#big_bnr1 img{display: block;border:none!important;box-sizing: border-box;}
#big_bnr2 img{display: block;border:none!important;box-sizing: border-box;}
@media screen and (max-width: 700px) {
	#big_bnr1 {width: 95%;float:none!important;margin: 5px auto 10px;}
	#big_bnr1 p.explain1{margin-top:3%!important;padding-top: 3%!important;}
	#big_bnr1 .detail1{margin-top: 10px;margin-bottom: 40px;}
}
@media screen and (max-width: 700px) {
	#big_bnr2 {width: 95%;float:none!important;margin: 5px auto 10px;}
	#big_bnr2 .detail2{margin-top: 10px;margin-bottom: 40px;float: left;}
}
#big_bnr1{max-width: 987px;margin: 10px auto;}
#big_bnr2{max-width: 987px;margin: 10px auto;}
#big_bnr1 p.explain1{display: block!important;border:none!important;box-sizing: border-box;margin-bottom:3%;margin-top: 3%;font-size: 120%;}
#big_bnr2 p.explain2{display: block!important;border:none!important;box-sizing: border-box;margin-bottom:3%;margin-top: 3%;font-size: 120%;}
#big_bnr2 p.explain1{float: left!important;}
#big_bnr2 p.explain2{float: left!important;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.free_counsole{
    background-image: url(../images/top_new/STRIPE.png);
    background-position: center top;
    background-size: 15px auto;
    background-repeat: repeat;
    max-width: 100%;
    padding-top: 5%;
	padding-right: 10px;
    padding-left: 10px;
	padding-bottom: 40px;
}

.free_counsole .free_console_section{
	border: 8px solid #00AAAA;
    background-color: #fff;
	max-width: 1200px;
    margin: 0 auto;
}

.free_counsole .free_console_section .free_console_div1{
	padding-right: 15px;
    padding-left: 15px;
    color: #fff;
    background-color: #00AAAA;
}

.free_counsole .free_console_section .free_console_div1 h3{
	color: white;
	padding-top: 70px;
	border-bottom: none;
	text-align: center;
    line-height: 1.4;
    font-family: "Hiragino Sans";
    font-weight: 800;
	font-size:30px!important;
	box-shadow: none;
}

.free_counsole .free_console_section .free_console_div1 h3::after{
	content: none;
}
@media (min-width: 768px){
	.free_counsole .free_console_section .free_console_div1 h3{
		font-size: 40px!important;
	}
}


.free_counsole .free_console_section .free_console_div1 p{
	padding-top: 30px;
	padding-bottom: 50px;
}

.free_counsole .free_console_section .free_console_div2{
  background-color: #fff;
  background-image: url(https://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/box01pattern.png);
  background-position: center top;
  background-size: 50px auto;
  background-repeat: repeat-x;
  padding-top: 40px;
  padding-bottom: 20px;
}

.free_counsole .free_console_section .free_console_div2 li{
    padding: 20px;
    min-height: 140px;
}

.free_counsole h4{
    text-align: center;
    color: #1a7db6;
    font-weight: bold;
    font-weight: 800;
    font-family: "Hiragino Sans";
    background-color: transparent;
	  font-size: 24px;
    line-height: 1.5;
}

.free_counsole .free_console_section .free_console_div2 ul{
	margin: 0%!important;
	display: flex;
}

.free_counsole .free_console_section .free_console_div2 li{
    background-position: center;
    background-size: 300px auto!important;
    background-repeat: no-repeat;
    float: left;
    width: 33.33%;
}
.free_counsole .free_console_section .free_console_div2 .top_introduction01{
	background-image: url(../images/top_new/icon01.png);
}

.free_counsole .free_console_section .free_console_div2 .top_introduction02{
	background-image: url(../images/top_new/icon02.png);
}

.free_counsole .free_console_section .free_console_div2 .top_introduction03{
	background-image: url(../images/top_new/icon03.png);
}
@media (min-width: 1100px){
	.free_counsole .free_console_div2 h4{
		font-size: 30px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
}

.detail_btn{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	display: inline-block;
	padding: 18px;
  width: 500px;
  max-width: 95%;
  box-sizing: border-box;
	border-radius: 35px;
	text-decoration: none;
	transition: .2s;
	background-image: url(https://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/btn_round01.png);
	background-position: right 16px center;
	background-size: 24px auto;
	background-repeat: no-repeat;
	background-color: #F03C6E;
	margin: 50px auto;
	white-space: nowrap;
}
.detail_btn a{
	color: white;
	font-weight: bold;
    font-family: "Hiragino Sans";
}
.detail_btn:hover{
	background-position: right 14px center;
  opacity: .8;
}
.free_console_div2 a .detail_btn:hover{
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background-color: #F0788C;
}

@media (min-width: 1400px){
	.detail_btn{
		width: 400px;
		background-size: 30px auto;
		padding: 22px 40px 22px 40px;
		background-position: right 20px center;
	}
}

@media screen and (max-width: 800px){
  .free_counsole .free_console_section .free_console_div1 p{
    padding-top: 18px;
    padding-bottom: 36px;
  }
  .free_counsole .free_console_section .free_console_div2 li{
    float: none;
  }
	.free_counsole .free_console_section .free_console_div2 ul{
		display: initial;
	}
	.free_counsole .free_console_section .free_console_div2 .top_introduction01,
	.free_counsole .free_console_section .free_console_div2 .top_introduction02,
	.free_counsole .free_console_section .free_console_div2 .top_introduction03{
		width: auto!important;
	}
	.free_counsole h4{
		padding-top: 0!important;
	}
}

.third_article{
	width:100%;
}
.gray{
  background: #f7f9f9;
}
.standard{
	max-width: 1200px;
	margin: 0 auto!important;
}
.standard h1,.standard .dot {
	color: #00AAAA;
	text-align: center;
	font-size: 200%!important;
	padding-top: 5%!important;
	background-image: url(http://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/h_dot02.png);
	background-position: center bottom;
	background-size: 140px auto;
	background-repeat: no-repeat;
	padding-bottom: 20px!important;
	font-weight: bold!important;
	font-family: "Hiragino Sans"
}
@media (min-width: 768px){
	.standard h1,.standard .dot{
		background-size: 190px auto;
	}
}

.standard p{
	text-align:center;
	padding: 5%!important;
}

.class_detail .standard{
	text-align:left;
}
.class_detail .standard p{
  padding: 0 0 15px!important;
	text-align:left;
}
#entry ul.course_list{
  max-width: 100%;
}
#entry .course_list td.sem_title_cell{
  background:#29aaaa;
  color: #fff;
  padding: 10px 5px;
  font-size: 16px;
}
#entry .course_list .status{
  padding-right: 15px;
}
#entry .course_list table{
  font-size: 15px;
}
#entry .course_list .date{
  /*padding-top: 15px;*/
  /*padding-bottom: 15px;*/
}
.standard #entry table p{
  padding-bottom: 0!important;
}

.class_new .next_info h5{
  font-weight: bold;
  font-size: 120%;
  padding: 15px 0;
  text-align: center;
}
.class_new .next_info p{
  margin-bottom: 20px;
  text-align: center;
}
.class_new .next_form input[type="text"], .class_new .next_form input[type="email"], .class_new .next_form textarea{
  width: 100%;
  box-sizing: border-box;
}
.class_new .next_form table{
  width: 100%;
}
.class_new .next_form textarea{
  height: 100px;
}
.class_new .next_form table th{
  text-align: right;
  font-weight: bold;
  padding: 10px;
  width: 30%;
  box-sizing: border-box;
}
.class_new .next_form table td{
  padding: 10px;
  box-sizing: border-box;
}
.class_new .next_form input[type="submit"]{
  width: 43%;
}
.class_new .next_form div.wpcf7-response-output{
  margin-bottom: 50px;
}

@media screen and (max-width: 800px){
	.standard h1{
		padding-top: 60px!important;
		font-size: 30px!important;
	}
	.standard h1 .br::before {
		content: "\A" ;
		white-space: pre ;
	}
	.standard h1,.standard .dot{
	  font-size: 140%!important;
	}
  .class_new .next_form table th,
  .class_new .next_form table td,
  #entry .course_list .capacity{
    display: block;
    width: 100%;
    text-align: left;
  }
  #entry .course_list .price, #entry .course_list .total, #entry .sch_list_list .price, #entry .sch_list .total{
    padding-left: 0;
  }
  #entry .course_list td .date .sp_title{
    display: block;
  }
  #entry .course_list .btn_side{
    margin: 20px auto 50px;
  }
  #entry .course_list td:last-child{
    border: none;
    margin-bottom: 20px;
  }
  #entry .course_list div.period{
    width: 100%;
    padding: 0;
  }
  #entry .course_list .status{
    padding-left: 0;
    padding-right: 0;
    border-bottom: none;
  }
  .class_new .next_form table th br.sp{
    display: none;
  }
}

.lesson{
	width:100%;
	background-color: #00AAAA;
	color: #fff;
	background-image: url(../images/top_new/aboutback.png);
	background-position: center top;
	background-size: 250px auto;
	background-repeat: repeat;
	text-align: initial;
  padding: 0 20px;
  box-sizing: border-box;
}
#cat_class.class_detail .new_lesson_explain h3{
  padding-top: 0;
}
.lesson_explain{
    width: 70%;
    margin-left: 10%;
    margin-right: 15%;
}
.lesson_word{
	display: flex;
    justify-content: space-between;
	max-width: 1200px;
    margin: 0 auto;
}
.lesson_backgound{
	margin-top: 8%!important;
    margin-left: 15%!important;
    width: 30%;
}
.lesson_backgound img{
	max-width: 140%;
	height: auto;
}
.lesson_btn{
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.lesson_explain .one-on-one_lesson{
	padding-top: 20%!important;
	font-size: 250%;
	font-weight: bold!important;
	font-weight: bold;
	font-family: "Hiragino Sans";
}
.lesson_explain .individual_lessons{
	font-size: 180%!important;
	font-weight: bold!important;  
	font-weight: bold;
	font-family: "Hiragino Sans";
}
.lesson_explain .lesson_message{
	padding-top: 5%;
	font-size: 100%;
}

.button1,.button2{
    background-color: black;
    color: white;
	font-family: "Hiragino Sans";
	font-weight: bold;
  height: 50px;
  border-radius: 30px;
  background-image: url(https://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/btn_round01.png);
  background-position: right 16px center;
  background-size: 24px auto;
  background-repeat: no-repeat;
	width: 300px;
  margin: 0 2% 50px;
	border:none;
}
.lesson_btn a .button1:hover ,.lesson_btn a .button2:hover{
    background: #E62E8B;
    border: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all .25s ease;
    transition: all 0.25s ease;
    opacity: 1;
    background-image: url(https://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/btn_round01.png);
    background-position: right 12px center;
    background-size: 24px auto;
    background-repeat: no-repeat;
}
@media screen and (max-width: 770px){
	.lesson{
		width:100%;
		background-color: #00AAAA;
	}
	.lesson_word{
		width:auto;
	}
	.lesson_word{
		display: block;
	}
	.lesson_backgound{
	    float: none;
		text-align: center;
		width: 100%;
		margin-left: 0!important;
		padding-top: 5%;
		margin-top: 0!important;
	}
	.lesson_explain{
		margin-top: 0;
		float: none;
		margin: inherit;
	}
	.one-on-one_lesson {
		font-size: 225%!important;
	}
	.lesson_explain .one-on-one_lesson{
		padding-top: 5%!important;
		white-space: nowrap;
	}
	.lesson_btn{
		padding-bottom: 10%;
		margin-left: auto;
		margin: 0 auto;
	}
	.button1{
		width: 80%!important;
    margin-top: 50px;
    margin-bottom: 20px;
	}
	.class_detail .button1{
    margin-top: 0;
	}
	.button2{
		width: 80%!important;
		margin: auto;
	}
}

.about_proclass{
	max-width: 1200px;
	margin: 0 auto;
}

.about_proclass h2{
    background-image: url(http://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/h_dot02.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 60px;
	background-size: 140px auto;
	border-bottom: aliceblue;
	color: #00AAAA;
	font-size: 30px;
	font-weight: bold;
	background-color: transparent;
	border-top: none;
	font-family: "Hiragino Sans";
	padding-bottom: 20px;
}
@media (min-width: 768px){
	.about_proclass h2{
		background-size: 190px auto;
	}
}

.about_proclass h2::after{
	content: none;
}

.logo_list{
	margin: 50px 10px;
	max-width: 1200px;
}

.about_proclass .logo_list li{
	float: left;
	border-bottom: 1px solid #ccc;
    margin-bottom: 0;
	padding: 15px;
    list-style: none;
}
@media (max-width: 1200px){
	.about_proclass .logo_list li{
		width: 33%;
		box-sizing: border-box;
		padding: 10px;
	}
}
@media screen and (max-width: 600px){
	.about_proclass .logo_list li{
		display: inline-block;
		margin: 10px auto 10px!important;
		width: 100%;
	}
}

.newsite html,
.newsite body,
.newsite div,
.newsite span,
.newsite applet,
.newsite object,
.newsite iframe,
.newsite h1,
.newsite h2,
.newsite h3,
.newsite h4,
.newsite h5,
.newsite h6,
.newsite p,
.newsite blockquote,
.newsite pre,
.newsite a,
.newsite abbr,
.newsite acronym,
.newsite address,
.newsite big,
.newsite cite,
.newsite code,
.newsite del,
.newsite dfn,
.newsite em,
.newsite img,
.newsite ins,
.newsite kbd,
.newsite q,
.newsite s,
.newsite samp,
.newsite small,
.newsite strike,
.newsite strong,
.newsite sub,
.newsite sup,
.newsite tt,
.newsite var,
.newsite b,
.newsite u,
.newsite i,
.newsite center,
.newsite dl,
.newsite dt,
.newsite dd,
.newsite ol,
.newsite ul,
.newsite li,
.newsite fieldset,
.newsite form,
.newsite label,
.newsite legend,
.newsite table,
.newsite caption,
.newsite tbody,
.newsite tfoot,
.newsite thead,
.newsite tr,
.newsite th,
.newsite td,
.newsite article,
.newsite aside,
.newsite canvas,
.newsite details,
.newsite embed, 
.newsite figure,
.newsite figcaption,
.newsite footer,
.newsite header,
.newsite hgroup, 
.newsite menu,
.newsite nav,
.newsite output,
.newsite ruby,
.newsite section,
.newsite summary,
.newsite time,
.newsite mark,
.newsite audio,
.newsite video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
.newsite article,
.newsite aside,
.newsite details,
.newsite figcaption,
.newsite figure, 
.newsite footer,
.newsite header,
.newsite hgroup,
.newsite menu,
.newsite nav,
.newsite section {
display: block;
}
.newsite ol,
.newsite ul {
list-style: none;
}

.newsite table {
	border-collapse: collapse;
	border-spacing: 0;
}


.newsite {
	text-align: left;
	font-size: 14px;
	font-family: 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', sans-serif;
	color: #404040;
	line-height: 1.5;
	position: relative;
}


.newsite .clearfix::after{
	content: "";
	display: block;
	clear: both;
}

.newsite .width_wrap {
	max-width: 1200px;
	margin: 0 auto;
}


.newsite .right { text-align: right; }
.newsite .center { text-align: center; }
.newsite .left { text-align: left; padding-top: 10px;}


.newsite .disp_sp { display: block; }
.newsite .disp_pc { display: none; }


.newsite .smalltext {
	font-size: 12px !important;
	font-weight: normal !important;
}


.newsite #loading{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.newsite #loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 100;
}


.newsite .trial_fixbtn {
	display: none;
}
.newsite .trial_fixbtn_sp {
	z-index: 15;
	display: block;
	position: fixed;
	bottom: -130px;
	left: 0;
	width: 100%;
}
.newsite .trial_fixbtn_sp.is-active {
	bottom: 0 !important;
}
.newsite .trial_fixbtn_sp .trial_icon_sp {
	margin: 0 auto;
	width: 120px;
}
.newsite .trial_fixbtn_sp .trial_icon_sp img {
	width: 100%;
	display: block;
}
.newsite .trial_fixbtn_sp div {
	background-color: #fff;
	padding: 10px;
	width: 100%;
}
.newsite .trial_fixbtn_sp div p {
	width: 100%;
}
.newsite .trial_fixbtn_sp div p:nth-child(odd) {
	margin-bottom: 10px;
	padding-right: 0;
}
.newsite .trial_fixbtn_sp div p:nth-child(even) {
	padding-left: 0;
}
.newsite .trial_fixbtn_sp div p a {
	font-weight: bold;
	padding-top: 15px;
	color: #fff;
	text-align: center;
	height: 50px;
	display: block;
	width: 100%;
	border-radius: 25px;
	background-color: #F03C6E;
}

.newsite section.box01 {
	border: 8px solid #00AAAA;
	background-color: #fff;
}
.newsite section.box01 h3 { color: #fff; }
.newsite section.box01 .upside {
	padding-right: 15px;
	padding-left: 15px;
	color: #fff;
	background-color: #00AAAA;
}

.top_introduction section.box01 .downside {
	padding-right: 15px;
	padding-left: 15px;
	background-color: #fff;
	background-image: url("https://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/box01pattern.png");
	background-position: center top;
	background-size: 50px auto;
	background-repeat: repeat-x;
}


.newsite section.box02 {
	border: 8px solid #1E6EB4;
	background-color: #fff;
}
.newsite section.box02 h3 { color: #fff; }
.newsite section.box02 .upside {
	padding-right: 15px;
	padding-left: 15px;
	color: #fff;
	background-color: #1E6EB4;
}
.newsite section.box02 .downside {
	padding-right: 15px;
	padding-left: 15px;
	background-color: #fff;
	background-image: url("../images/newsite/box02pattern.png");
	background-position: center top;
	background-size: 50px auto;
	background-repeat: repeat-x;
}


.newsite section.tabbox01 .tab li {
	text-align: center;
	float: left;
	width: 50%;
	padding: 20px 30px;
	font-family: "Hiragino Sans";
	font-weight: 800;
	color: #1E6EB4;
	transition: .2s;
	background-color: #DCE6F0;
}
.newsite section.tabbox01 .tab li.active {
	color: #fff;
	background-color: #1E6EB4;
}
.newsite section.tabbox01 .tab li:hover {
	color: #fff;
	background-color: #1E6EB4;
}

.newsite section.tabbox01 .detail {
	display: none;
	padding: 40px 20px;
	border: 8px solid #1E6EB4;
	background-color: #fff;
}
.newsite section.tabbox01 .detail.active {
	display: block;
}


.newsite ul.rows112 {
	display: block;
	overflow: hidden;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.newsite ul.rows112 li {
	width: 100%;
	margin-bottom: 20px;
}




.newsite ul.rows123 {
	display: block;
	overflow: hidden;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.newsite ul.rows123 li {
	width: 100%;
	margin-bottom: 20px;
}





.newsite ul.rows113 {
	display: block;
	overflow: hidden;
}
.newsite ul.rows113 li {
	width: 100%;
	margin-bottom: 20px;
}




.newsite ul.rows114 {
	display: block;
	overflow: hidden;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.newsite ul.rows114 li {
	width: 100%;
	margin-bottom: 20px;
}



.newsite ul.rows234 {
	display: block;
	overflow: hidden;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 0 -10px;
}
.newsite ul.rows234 li {
	padding: 0 10px;
	float: left;
	width: 50%;
	margin-bottom: 20px;
}


.newsite a.linkmask {
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	transition: .2s;
}
.newsite a.linkmask:hover {
	cursor: pointer;
	background-color: rgba(0, 170, 170, 0.5);
}




.newsite .boxlink01 {
	position: relative;
    overflow: hidden;
    height: 100%;
    background-color: #fff;
	background-image: url("images/newsite/link_g.png");
	background-position: right 10px bottom 10px;
	background-size: 10px auto;
	background-repeat: no-repeat;
}
.newsite .boxlink01 .photo {
	overflow: hidden;
	height: 200px;
	position: relative;
	width: 100%;
}
.newsite .boxlink01 .photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
.newsite .boxlink01 .text {
	padding: 20px;
	box-sizing: border-box;
}
.newsite .boxlink01 .text .title {
	color: #00AAAA;
	font-weight: bold;
	margin-bottom: 5px;
	font-family: "Hiragino Sans";
	font-weight: 800;
}
.newsite .boxlink01 .text .description {
	color: #000;
}
.newsite .boxlink01 .text .description .left {
	float: left;
	display: block;
	width: 25%;
	margin-top: 10px;
	background-color: #4b4b4b;
	color: #fff;
	text-align: center;
}

.newsite .boxlink01 .text .description .right {
	float: right;
	display: block;
	width: 75%;
	text-align: left;
	padding-left: 10px;
	margin-top: 10px;
}




.newsite .boxlink02 {
	position: relative;
	color: #fff;
    overflow: hidden;
    background-color: #fff;
	background-image: url("images/newsite/link_w.png");
	background-position: right 10px bottom 10px;
	background-size: 10px auto;
	background-repeat: no-repeat;
}
.newsite .boxlink02 .photo {
	float: none;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.newsite .boxlink02 .photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
.newsite .boxlink02 .text {
	float: none;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
}
.newsite .boxlink02 .text .title {
	font-weight: bold;
	margin-bottom: 10px;
	font-family: "Hiragino Sans";
	font-weight: 800;
}




.newsite .boxlink03 {
	background-color: #00AAAA;
	position: relative;
    overflow: hidden;
    height: 100%;
	background-image: url("images/newsite/link_w.png");
	background-position: right 10px bottom 10px;
	background-size: 10px auto;
	background-repeat: no-repeat;
}
.newsite .boxlink03 .photo {
	overflow: hidden;
	height: 200px;
	position: relative;
	width: 100%;
    float: left;
    width: 40%;
}
.newsite .boxlink03 .photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.newsite .boxlink03 .text {
	padding: 20px;
	box-sizing: border-box;
    float: right;
    width: 60%;
}
.newsite .boxlink03 .text .date {
	color: #fff;
	margin-bottom: 10px;
}
.newsite .boxlink03 .text .title { color: #fff; }


.newsite .banner_area {
	position: relative;
}
.newsite .banner_area img {
	width: 100%;
}
.newsite .banner_area a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .2s;
}
.newsite .banner_area a:hover {
	background-color: rgba(0, 170, 170, 0.5);
}
.newsite .bold {
	font-weight: bold;
}
.newsite .white { color: #fff; }
.newsite .green { color: #00AAAA; }
.newsite .blue { color: #1E6EB4; }
.newsite .pink { color: #F0A0AA; }
.newsite .yellow { color: #FAD200; }

.newsite .robot_basic { color: #E3325A; }
.newsite .robot_standard { color: #FF6E28; }
.newsite .scratch { color: #FFAC00; }
.newsite .minecraft { color: #00AC3C; }
.newsite .unity { color: #0A80D9; }

.newsite .pt20 { padding-top: 20px; }
.newsite .pb20 { padding-bottom: 20px; }
.newsite .pb40 { padding-bottom: 40px; }
.newsite .pt70 { padding-top: 10px; }
.newsite .pb70 { padding-bottom: 10px; }

.newsite .mt20 { margin-top: 20px; }
.newsite .mb20 { margin-bottom: 20px; }
.newsite .mt40 { margin-top: 40px; }
.newsite .mb40 { margin-bottom: 40px; }


.newsite .plr10 {
	padding-right: 10px;
	padding-left: 10px;
}

.newsite .pt40to70 { padding-top: 40px; }
.newsite .pb40to70 { padding-bottom: 40px; }

.newsite h3 {
	text-align: center;
	line-height: 1.4;
	font-size: 26px;
	font-family: "Hiragino Sans";
	font-weight: 800;
    box-shadow: none;
    position: static;
}

.newsite h3.dot01 {
	background-image: url("images/newsite/h_dot01.png");
	background-position: center bottom;
	background-size: 140px auto;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
.newsite h3.dot02 {
	background-image: url("http://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/h_dot02.png");
	background-position: center bottom;
	background-size: 140px auto;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
.newsite h3.dot03 {
	background-image: url("http://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/h_dot03.png");
	background-position: center bottom;
	background-size: 140px auto;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
.newsite h3.dot04 {
	background-image: url("http://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/h_dot04.png");
	background-position: center bottom;
	background-size: 140px auto;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
.newsite h3.dot05 {
	background-image: url("http://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/h_dot05.png");
	background-position: center bottom;
	background-size: 140px auto;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

.newsite a.btn_round01 {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	display: inline-block;
	padding: 18px 100px 18px 100px;
	border-radius: 35px;
	text-decoration: none;
	transition: .2s;
	background-image: url("images/newsite/btn_round01.png");
	background-position: right 16px center;
	background-size: 24px auto;
	background-repeat: no-repeat;
	background-color: #F03C6E;
}


.newsite a.btn_round01:hover {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	background-color: #F0788C;
}

.newsite a.btn_green {
	background-color: #00AAAA;
}
.newsite a.btn_green:hover {
	background-color: #4DB5B2;
}

.newsite a.btn_white_b {
	color: #1E6EB4;
	background-color: #fff;
	background-image: url("images/newsite/btn_round02.png");
}
.newsite a.btn_white_b:hover {
	color: #1E6EB4;
	background-color: #d5ebff;
}

.newsite a.btn_white_g {
	color: #00AAAA;
	background-color: #fff;
	background-image: url("images/newsite/btn_round03.png");
}
.newsite a.btn_white_g:hover {
	color: #00AAAA;
	background-color: #ceeded;
}

/* TOP */
.newsite .top_mv {
	width: 100%;
	overflow: hidden;
}

.mv_wrap{
	background-image:url(../images/top_new/top.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	text-align: initial;
	font-size: 16px;
	height: 45vw;
}

@media (min-width: 1400px){
	.mv_wrap {
		font-size: 22px!important;
		line-height: 36px;
	}
}

.mv_wrap img{
	display:block;
	padding-top:10%;
	padding-left:5%;
	width: 60%;
}

.mv_wrap .adult_top_btn:hover{
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background-color: #F0788C;
	transition: .2s;
}

.adult_top_explain{
	padding-top:3%!important;
	padding-left:5%!important;
	max-width: 60%;
	font-size: 1vw;
}

i {
	font-size: 80% !important;
}

.top_mv  p.adult_top_btn{
	width: auto;
    text-align: center;
    font-size: 1vw;
    font-weight: bold;
    line-height: 1;
    color: #fff!important;
    display: inline-block;
	padding: 2vw 4vw;
    margin-top: 3%!important;
    margin-left: 5%!important;
    border-radius: 10vw;
    text-decoration: none;
    transition: .2s;
    background-image: url(https://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/btn_round01.png);
    background-position: right 1vw center;
    background-size: 2vw auto;
    background-repeat: no-repeat;
    background-color: #F03C6E;
	}

	.top_mv  p.adult_top_btn a{
		color: white;
	}

@media screen and (max-width: 600px){
	.mv_wrap{
	background-image: url(../images/top_new/top-response.jpg)!important;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 120vw!important;
}

.adult_top_explain{
	width: 90%!important;
	font-size: 3vw;
}
.top_mv  p.adult_top_btn{
	padding: 3vw 10vw;
    font-size: 3vw;
    background-size: 4vw;
    background-position: right 3vw center;
}
.mv_wrap img {
    width: 90%!important;
    height: auto;
    padding-bottom: 3%!important;
}
}


.newsite .mv_wrap {
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 100%;
}


.newsite .mv_wrap .kids_photo_all {
	display: block;
	margin-top: 20px;
	margin-right: -20px;
	margin-left: -20px;
	box-sizing: border-box;
}
.newsite .kids_photo_all img { width: 100%; display: block; box-sizing: border-box; }


.newsite .mv_wrap .kids_photo {
	display: none;
	position: absolute;
}
.newsite .kids_photo img { width: 100%; }


.newsite .top_text {
	top: 0;
	left: 0;
	right: 0;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 40px;
}
.newsite .top_title {
	text-align: center;
}
.newsite .top_title img {
	margin: 0 auto;
	max-width: 300px;
}
.newsite .top_subtitle {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 20px;
	font-weight: bold;
	text-align: center;
}
.newsite .top_subtitle .stwrap {
	margin: 0 auto;
	display: block;
}
.newsite .top_btn {
	margin-top: 20px;
	text-align: center;
}




.newsite .object01 { top: 50%; left: -20%; width: 28%; }
.newsite .object02 { top: 50%; left: 100%; width: 28%; }
.newsite .object03 { top: 70%; left: -30%; width: 33.5%; }
.newsite .object04 { top: 70%; left: 100%; width: 30%; }
.newsite .object05 { top: 100%; left: 8%; width: 29%; }
.newsite .object06 { top: 100%; left: 70%; width: 25%; }




.newsite .top_feature {
	color: #fff;
	/*background-image: url("images/newsite/pattern01.png");*/
	background-position: center top;
	background-size: 250px auto;
	background-repeat: repeat;
	background-color: #00AAAA;
}
.newsite .top_feature h3 { color: #fff; }
.newsite .top_feature .subwrap {
	background-color: #00AAAA;
}
.newsite .top_feature ul.rows3 li div {
	background-color: #fff;
}

.newsite .top_feature .event_icon {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
	display: block;
	width: 25%;
	height: auto;
}

.newsite .top_feature .area_icon {
    position: absolute;
    top: 15px;
    right: 5px;
    z-index: 1;
    display: block;
    width: 28%;
    height: auto;
    text-align: center;
    border-radius: 50px;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 1px;
    font-weight: bold;
}
.newsite .top_feature .area_icon.other_area {
    background: #1e6eb4;
}
.newsite .top_feature .area_icon.main_area {
    background: #fad200;
}

.top_introduction {
	background-image: url("../images/STRIPE.png");
	background-position: center top;
	background-size: 15px auto;
	background-repeat: repeat;
	max-width: 100%;
	padding-top: 5%;
}

.top_introduction h4 {
	text-align: center;
	font-size: 24px;
	line-height: 1.4;
	color: #1a7db6;
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
    background-color: transparent;
    padding-top: 20%;
}
.top_introduction ul.rows113 li {
	padding-top: 20px;
	min-height: 180px;
	margin-bottom: 20px!important;
}
.top_introduction ul.rows113 li:last-child {
	margin-bottom: 0;
}

.newsite .class01 { background-color: #F03C6E; }
.newsite .class01 a.linkmask:hover { cursor: pointer; background-color: rgba(240, 60, 110, 0.5); }
.newsite .class01 .text {
	background-image: url("images/newsite/class01.png");
	background-position: center center;
	background-size: 120px auto;
	background-repeat: no-repeat;
}
.newsite .class02 { background-color: #FF6E28; }
.newsite .class02 a.linkmask:hover { cursor: pointer; background-color: rgba(255, 110, 40, 0.5); }
.newsite .class02 .text {
	background-image: url("images/newsite/class02.png");
	background-position: center center;
	background-size: 120px auto;
	background-repeat: no-repeat;
}
.newsite .class03 { background-color: #FFAA00; }
.newsite .class03 a.linkmask:hover { cursor: pointer; background-color: rgba(255, 170, 0, 0.5); }
.newsite .class03 .text {
	background-image: url("images/newsite/class03.png");
	background-position: center center;
	background-size: 120px auto;
	background-repeat: no-repeat;
}
.newsite .class04 { background-color: #00AF3C; }
.newsite .class04 a.linkmask:hover { cursor: pointer; background-color: rgba(0, 175, 60, 0.5); }
.newsite .class04 .text {
	background-image: url("images/newsite/class04.png");
	background-position: center center;
	background-size: 120px auto;
	background-repeat: no-repeat;
}
.newsite .class05 { background-color: #0A82DC; }
.newsite .class05 a.linkmask:hover { cursor: pointer; background-color: rgba(10, 130, 220, 0.5); }
.newsite .class05 .text {
	background-image: url("images/newsite/class05.png");
	background-position: center center;
	background-size: 120px auto;
	background-repeat: no-repeat;
}
.newsite .class06 { background-color: #8C8D96; }
.newsite .class06 a.linkmask:hover { cursor: pointer; background-color: rgba(255, 50, 70, 0.5); }
.newsite .class06 .text {}

.newsite .top_introduction .copy01 {
	margin: 0 auto;
	display: block;
	max-width: 577px !important;
	height: auto;
}

.newsite .top_free h3.copy02 {
	margin: -10px auto -30px;
	max-width: 592px !important;
	height: auto;
}
.newsite .top_free ul.rows2 li div {
	background-color: #fff;
}




.newsite .top_news h3 { color: #00AAAA; }

.about_explain{
	width:61%;
	text-align: center;
	margin: 3% auto;
}
.top_news{
	text-align: center;
}
.top_news p img{
	height: auto;
    text-align: center;
    margin: auto;
}
@media screen and (max-width: 800px) {
	.about_explain{
		width: 90%;
		padding: 5%;
	}
}

.student_lesson{
	color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #1E6EB4;
}
.student_lesson { 
	color: #fff; 
}
.student_lesson{
	background-color:#00719e;
	width:auto;
}
.student_lesson .width_wrap{
	padding:10px;
	max-width: 1200px;
    margin: 0 auto;
}
.student_lesson h2{
	color:white;
	padding-top: 20px!important;
	background-image: url(http://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/h_dot03.png);
    background-position: center bottom;
    background-size: 140px auto;
    background-repeat: no-repeat;
	background-color: transparent;
	border-bottom: none;
	font-size: 30px!important;
    font-weight: 800;
	padding-bottom: 20px!important;
}
.student_lesson .square{
	text-align: left;
	font-family: "Hiragino Sans";
	max-width: 1200px;
  margin: 3% auto!important;
  display: flex;
}
.student_lesson .square1{
	width: 43%;
	background-color: white;
	border-radius: 5px;
	float: left;
	margin-left: 2%!important;
	padding: 20px;
}
.student_lesson .square2{
	width:43%;
	background-color:white;
	border-radius:5px;
	float:left;
	padding: 20px;
	margin-left: 3%;
}
.student_lesson .square-word1{
	color:#00adb1;
	padding:2%!important;
	font-weight: bold!important;
	font-size: 100%!important;
}
.student_lesson .square-word2{
	color:black;
	padding: 2%!important;
	font-size: 100%!important;
}
.student_lesson .square-word3{
	color:black;
	padding: 2%!important;
	font-weight: bold!important;
	font-size: 100%!important;
}

.newsite .top_recruit {
	color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #00AAAA;
}
.newsite .top_recruit h3 { color: #fff; }



.newsite .fc_mv {
	position: relative;
	background-image: url("images/newsite/fc_top_pc.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.newsite .fc_mv p.copy {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 0;
}
.newsite .fc_introduction .lr div:nth-child(odd) {
	width: 100%;
}
.newsite .fc_introduction .lr div:nth-child(even) {
	width: 100%;
}

.newsite .fc_recomend {
	background-image: url("images/newsite/pattern04.png");
	background-position: center top;
	background-size: 15px auto;
	background-repeat: repeat;
	padding: 35px;
    margin: 35px 0;
}
.newsite .fc_recomend p {
	background-color: #fff;
}
.newsite .fc_recomend .photo {
	height: 150px;
}
.newsite .fc_recomend .photo img {
	margin: 0 auto;
	width: auto;
	height: 100%;
}
.newsite .fc_recomend .text {
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
	font-size: 16px;
	line-height: 1.5;
}
.newsite .fc_anxiety .choice p {
	position: relative;
	padding: 20px;
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
	font-size: 16px;
	line-height: 1.5;
	background-color: #1E6EB4;
}
.newsite .fc_anxiety .highlight {
	font-size: 22px;
	padding: 0 10px;
}
.newsite .fc_anxiety .choice a {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}
.newsite .fc_anxiety div {
	padding-top: 100px;
	background-image: url("images/newsite/fc_arrow.png");
	background-position: center top 40px;
	background-size: 60px auto;
	background-repeat: no-repeat;
}
.newsite .fc_anxiety div .subject{
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
	font-size: 16px;
	line-height: 1.5;
}
.newsite .fc_support {
	background-image: url("images/newsite/pattern04.png");
	background-position: center top;
	background-size: 15px auto;
	background-repeat: repeat;
}
.newsite .fc_support p {
	text-align: center;
}
.newsite .fc_support p.image img {
	margin: 0 auto;
	max-width: 200px !important;
}
.newsite .fc_support p.text {
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
	font-size: 16px;
	line-height: 1.5;
}



.newsite .fc_class table {
	width: 100%;
	border: 1px solid #1E6EB0;
}
.newsite .fc_class table th,
.newsite .fc_class table td {
	width: 20%;
	padding: 10px;
	vertical-align: middle;
}
.newsite .fc_class table th {
	font-weight: bold;
	background-color: #1E6EB0;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.newsite .fc_class table tr:last-child th {
	border: none;
}
.newsite .fc_class table td {
	text-align: center;
	color: #1E6EB0;
	border-bottom: 1px solid #1E6EB0;
	border-left: 1px solid #1E6EB0;
}
.newsite .fc_class table tr:nth-child(even) td {
	background-color: #ECF1F6;
}
.newsite .fc_class table tr:nth-child(1) td {
	font-weight: bold;
}


.newsite .fc_class h4 {
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
	font-size: 20px;
	line-height: 1.5;
}
.newsite .fc_class .point {
	padding: 10px 20px;
	background-color: #1E6EB0;
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
	font-size: 16px;
	line-height: 1.5;
}
.newsite .fc_class ul.check_point li {
	padding-left: 45px;
	background-image: url("images/newsite/check.png");
	background-position: left center;
	background-size: 25px auto;
	background-repeat: no-repeat;
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.newsite .fc_class ul.list_point li {
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.newsite .fc_class ul.check_point li:last-child,
.newsite .fc_class ul.list_point li:last-child { margin-bottom: 0; }
.newsite .fc_class .start_item {
	padding: 20px;
	background-color: #1E6EB4;
	color: #fff;
}


.newsite .fc_about,
.newsite .feature {
	color: #fff;
	background-image: url("images/newsite/pattern05.png");
	background-position: center top;
	background-size: 250px auto;
	background-repeat: repeat;
	background-color: #1E6EB4;
}
.newsite .fc_about h4 {
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
}

.newsite .fc_performance li {
	margin-bottom: 20px;
}
.newsite .fc_about .title {
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
	font-size: 22px;
	line-height: 1.5;
}
.newsite .fc_about .text {
	padding: 10px 20px;
	background-color: #fff;
	color: #1E6EB4;
	font-weight: bold;
	font-family: "Hiragino Sans";
	font-weight: 800;
	font-size: 22px;
	line-height: 1.5;
	text-align: center;
}
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------New Site MQ-------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


@media (min-width: 580px) {

	.newsite .trial_fixbtn_sp div p {
		float: left;
		width: 50%;
	}
	.newsite .trial_fixbtn_sp div p:nth-child(odd) {
		margin-bottom: 0;
		padding-right: 5px;
	}
	.newsite .trial_fixbtn_sp div p:nth-child(even) {
		padding-left: 5px;
	}
	.newsite .trial_fixbtn_sp {
		bottom: -70px;
	}
	.newsite .trial_fixbtn_sp.is-active {
		bottom: 0 !important;
	}


	.newsite .boxlink01 .photo {
		float: left;
		width: 40%;
	}
	.newsite .boxlink01 .text {
		float: right;
		width: 60%;
	}

	.newsite .boxlink02 .photo {
		float: left;
		width: 40%;
	}
	.newsite .boxlink02 .text {
		float: right;
		width: 60%;
	}

	.newsite ul.rows234 li {
		width: 33.33%;
	}

	.newsite .top_feature .event_icon {
		width: 15%;
	}
	.newsite .top_feature .area_icon {
		right: 0;
		left: 24%;
		width: 14%;
		font-size: 13px;
	}

}



@media (min-width: 768px) {



	.newsite {
	  font-size: 16px;
	  line-height: 1.5;
	}


	.newsite .disp_sp { display: none; }
	.newsite .disp_pc { display: block; }




	.newsite .trial_fixbtn {
		display: block;
		background-image: url("images/newsite/trial_icon.png");
		background-position: center top;
		background-size: 300px auto;
		background-repeat: no-repeat;
		width: 300px;
		z-index: 15;
		position: fixed;
		bottom: -130px;
		right: 50px;
		padding-top: 75px;
	}
	.newsite .trial_fixbtn div {
		background-color: #fff;
		padding: 0 20px 10px;
	}
	.newsite .trial_fixbtn div p {
		padding-top: 10px;
	}
	.newsite .trial_fixbtn div p a {
		padding-top: 14px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		display: block;
		background-color: #F03C6E;
		height: 50px;
		border-radius: 35px;
		transition: .2s;
	}
	.newsite .trial_fixbtn div p a:hover {
		cursor: pointer;
		background-color: #F0788C;
	}

	.newsite .trial_fixbtn_sp {
		display: none;
	}

	.newsite section.box01 .upside {
		padding-right: 40px;
		padding-left: 40px;
	}
	.newsite section.box01 .downside {
		padding-right: 40px;
		padding-left: 40px;
	}

	.newsite section.box02 .upside {
		padding-right: 40px;
		padding-left: 40px;
	}
	.newsite section.box02 .downside {
		padding-right: 40px;
		padding-left: 40px;
	}



	.newsite section.tabbox01 .tab li {
		text-align: left;
		width: auto;
		float: left;
		padding: 20px 30px;
		background: none;
	}

	.newsite section.tabbox01 .detail {
		padding: 40px;
	}


	.newsite ul.rows123 {
		overflow: hidden;
		margin: 0 -10px;
	}
	.newsite ul.rows123 li {
		padding: 0 10px;
		float: left;
		width: 33.33%;
		margin-bottom: 0;
	}

	.newsite ul.rows113 {
		overflow: hidden;
		margin: 0 -10px;
	}
	.newsite ul.rows113 li {
		padding: 0 10px;
		float: left;
		width: 33.33%;
		margin-bottom: 20px;
	}



	.newsite ul.rows114 {
		overflow: hidden;
		margin: 0 -10px;
	}
	.newsite ul.rows114 li {
		padding: 0 10px;
		float: left;
		width: 25%;
		margin-bottom: 20px;
	}



	.newsite ul.rows234 li {
		width: 25%;
	}


	.newsite .boxlink01 .photo {
		width: 100%;
		height: 200px;
	}

	.newsite .boxlink01 .text {
		width: 100%;
		margin-right: 0;
		padding-right: 20px;
	}



	.newsite .boxlink02 .photo {
		width: 30%;
	}
	.newsite .boxlink02 .text {
		width: 70%;
	}



	.newsite .boxlink03 .photo {
		width: 100%;
		height: 200px;
	}

	.newsite .boxlink03 .text {
		width: 100%;
		margin-right: 0;
		padding-right: 20px;
	}


	.newsite .pt40to70 { padding-top: 70px; }
	.newsite .pb40to70 { padding-bottom: 70px; }

	.newsite h3 {
		font-size: 30px;
	}

	.newsite h3.dot01 {
		background-size: 190px auto;
	}
	.newsite h3.dot02 {
		background-size: 190px auto;
	}
	.newsite h3.dot03 {
		background-size: 190px auto;
	}
	.newsite h3.dot04 {
		background-size: 190px auto;
	}
	.newsite h3.dot05 {
		background-size: 190px auto;
	}

	.newsite .mv_wrap {
		min-width: 1000px;
	}

	.newsite .mv_wrap .kids_photo_all { display: block; }

	.newsite .mv_wrap .kids_photo {
		display: block;
	}
	.newsite .top_feature {
		background-size: 500px auto;
	}


	.newsite .top_text {
		top: 40px;
		margin-top: 0;
		margin-bottom: 0;
		position: relative;
		padding-right: 0;
		padding-left: 0;
	}

	.newsite .top_title img {
		max-width: 50% !important;
	}
	.newsite .top_subtitle .stwrap {
		max-width: 60%;
	}



	.newsite .top_feature {
		background-size: 500px auto;
	}

	.newsite .top_feature .event_icon {
		width: 25%;
	}
	.newsite .top_feature .area_icon{
		left: inherit;
		right: 5px;
		width: 28%;
		font-size: 14px;
	}




	.newsite .top_introduction ul.rows113 {
		margin: 0 -20px 20px;
	}
	.newsite .top_introduction ul.rows113 li {
		padding: 20px 20px 0;
		margin-bottom: 20px;
	}
	.newsite .top_introduction01 {
		background-size: 200px auto;
	}
	.newsite .top_introduction02 {
		background-size: 200px auto;
	}
	.newsite .top_introduction03 {
		background-size: 200px auto;
	}


	.newsite .top_free {
		background-size: 500px auto;
	}
	.newsite .top_free .copy02 {
		margin: -30px auto -30px;
	}


	.newsite .fc_introduction .lr div:nth-child(odd) {
		width: 50%;
		float: right;
		padding-left: 10px;
	}
	.newsite .fc_introduction .lr div:nth-child(even) {
		width: 50%;
		float: left;
		padding-right: 10px;
	}
	.newsite .fc_recomend .photo {
		height: auto;
	}
	.newsite .fc_recomend .photo img {
		width: 100%;
		height: auto;
	}
	.newsite .fc_anxiety .choice p {
		padding: 40px 20px;
		font-size: 22px;
	}
	.newsite .fc_anxiety .highlight {
		font-size: 30px;
	}
	.newsite .fc_anxiety div .subject{
		font-size: 22px;
	}
	.newsite .fc_about,
	.newsite .feature {
		background-size: 500px auto;
	}


}




@media (min-width: 1100px) {

	/* Global */
	.newsite ul.rows112 {
		overflow: hidden;
		margin: 0 -10px;
	}
	.newsite ul.rows112 li {
		padding: 0 10px;
		float: left;
		width: 50%;
		margin-bottom: 20px;
	}

	.newsite .boxlink02 .photo {
		float: left;
		overflow: hidden;
		position: relative;
		width: 40%;
	}
	.newsite .boxlink02 .photo img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}
	.newsite .boxlink02 .text {
		float: right;
		padding: 20px;
		box-sizing: border-box;
		width: 60%;
	}
	.newsite .boxlink02 .text .title {
		font-weight: bold;
		margin-bottom: 10px;
		font-family: "Hiragino Sans";
		font-weight: 800;
	}


	/* TOP */
	.newsite .top_introduction h4 {
		font-size: 30px;
		line-height: 1.5;
	}

	.newsite .top_introduction ul.rows113 li {
		padding: 40px 20px 0;
		min-height: 220px;
	}

	.newsite .top_introduction01 {
		background-size: 260px auto;
	}
	.newsite .top_introduction02 {
		background-size: 260px auto;
	}
	.newsite .top_introduction03 {
		background-size: 260px auto;
	}
	h4{
		background-color: transparent !important;
	}
	.subSection-title, h3 {
		box-shadow: none !important;
		}
		.subSection-title:after, h3:after {
		border-bottom: none !important;
		}


}
@media (min-width: 1400px) {
	.newsite a.btn_round01 {
		font-size: 22px;
		width: 400px;
		background-size: 30px auto;
		background-position: right 20px center;
	}
	.newsite .top_subtitle {
		font-size: 22px;
		line-height: 36px;
	}

	.newsite .top_text {
		top: 80px;
	}
	.newsite .top_subtitle {
		margin-top: 40px;
	}
	.newsite .top_btn {
		margin-top: 40px;
	}

}
/*スタンダード学習*/
.standard_all{
	margin-bottom: 60px;
}
.search_course .main-content h4{
	background-color: #01ADAF!important;
}

/*宮中改修作業0831*/
.adult_top_btn2{
	width: auto;
    text-align: center;
    font-size: 1vw;
    font-weight: bold;
    line-height: 1;
    color: #fff!important;
    display: inline-block;
    padding: 2vw 4vw;
    margin-top: 3%!important;
    margin-left: 5%!important;
    border-radius: 10vw;
    text-decoration: none;
    transition: .2s;
    background-size: 2vw auto;
    background-repeat: no-repeat;
    background-color: #F03C6E;
}

.coarse .coarse_img{
	background-image:url('https://proclass.jp/wordpress/wp/wp-content/uploads/2021/08/01.jpg');
	max-width: 100%;
    height: auto;
}

#cat_class #class_title{
  margin-bottom: 0;
  padding: 15px;
  background: #eb1f84;
  color: #fff;
  font-size: 14px;
}

.class_detail .mv{position: relative;}
.class_detail .mv img{vertical-align: bottom;}
.class_detail .mv_btn {
  width:  100%;
  position: absolute;
  bottom: 0;
  text-align: center;
    padding: 50px 0;
}
.class_detail .mv_btn a {
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  background-color: #eb1f84;
  border-radius: 100px;
  padding: 20px 60px;
  background-image: url(https://proclass.jp/wordpress/wp/wp-content/themes/proclass/images/newsite/btn_round01.png);
  background-position: right 22px center;
  background-size: 24px auto;
  background-repeat: no-repeat;
  transition: .5s;
}
.class_detail .mv_btn a:hover {
  opacity: .8;
  background-position: right 18px center;
}

.class_detail .left_box,.class_detail .right_box{
  margin-bottom: 30px;
}
.class_wrapper{
	padding: 0 3%;
}
#cat_class.class_detail #curriculum_wrapper h3{
  font-size: 22px;
  color: #1a7db6;
  font-family: "Hiragino Sans";
	margin-bottom: 15px;
}
#cat_class.class_detail #curriculum_wrapper ol{
	margin-left: 30px;
	list-style: decimal;
  font-family: "Hiragino Sans";
  font-size: 16px;
  margin-bottom: 20px;
  color: #686868;
}

#curriculum_wrapper .left_box .left_box,
#curriculum_wrapper .right_box .left_box{
	text-align: center;
}
#curriculum_wrapper .left_box .right_box,
#curriculum_wrapper .right_box .right_box{
	margin-bottom: 0;
}
#teacher{
	margin:30px auto 50px;
	color: #333;
	padding: 0 30px 30px; 
	border: 5px solid #00AAAA;
}
#teacher h2{
	text-align: center;
  font-family: "Hiragino Sans";
  font-size: 24px!important;
  font-weight: bold;
  margin-top: 20px;
}
#teacher .innerbox.lect dl{
	width: calc(100% - 240px);
}
#teacher .innerbox.lect dl dd{
	font-weight: bold;
	padding-bottom: 15px;
}
#cat_class.class_detail #teacher .innerbox.lect{
  border-bottom: none;
}

table.price{
  border: 1px solid #DBCA90;
	box-sizing:border-box;
  margin: 30px auto 15px;
  width: 100%;
}
table.price th{
  background: rgb(255, 252, 242);
  width: 30%;
  padding: 20px;
  text-align: center;
  color: #5d5d5d;
  border-bottom: 1px solid #DBCA90;
	font-size:110%;
}
table.price td{
    border-bottom: 1px solid #DBCA90;
    text-align: left;
    padding: 20px 25px;
	background: #fff;
}
table.price td span.tex{
    font-size: 13px;
  color: #999;
}
table.price td span.red{
    color: #FF6366;
    font-weight: bold;
    font-size: 115%;
}


@media screen and (max-width: 768px) {
	#teacher .innerbox.lect img{
		margin: 0 auto 30px;
    max-width: 150px;
    display: block;
	}
	#teacher .innerbox.lect dl{
		width: 100%;
	}
  #teacher{
    padding: 0 0 30px;
    text-align: center;
  }
  #teacher .list_dis{
    text-align: left;
  }
  
  table.price th,table.price td{
    width: 100%;
    display:block;
    box-sizing:border-box;
    font-size:100%;
    padding:10px;
  }
  table.price .price_title{
    display: none;
  }
  
  #next_info table th,#next_info table td{
    width: 100%;
    display:block;
    box-sizing:border-box;
    font-size:100%;
    padding:10px;
  }
  #next_info table th br.sp{
    display: none;
  }
  #next_info .wpcf7-list-item{
    margin-bottom: 10px;
  }
  #cat_class.class_detail #curriculum_wrapper h3{
    font-size: 18px;
  }
}

@media screen and (min-width: 769px) {
  .class_detail .left_box,.class_detail .right_box,.left_box,.right_box{
    width: 48%;
    margin: 50px 0;
  }
  #curriculum_wrapper .left_box,#curriculum_wrapper .right_box{
    margin: 20px 0;
  }
  .class_detail .left_box,.left_box{
    float: left;
  }
  .class_detail .right_box,.right_box{
    float: right;
  }
  .class_detail .left_box.left_box_s{
    margin: 20px 0;
  }
  .class_detail .right_box.right_box_l{
    margin: 20px 0;
  }
	
}
#lesson{
  margin: 0 auto;
  width: 1160px;
  max-width: 90%;
}

.new_lesson_background img{
  margin-top: 30px;
}

.new_lesson_explain{
  font-weight: bold;
  font-family: "Hiragino Sans";
}

.new_lesson_explain .one-on-one_lesson{
  font-size: 28px!important;
  margin-top: 30px;
}

.new_lesson_explain .individual_lessons{
  font-size: 180%!important;
}

.new_lesson_explain .lesson_message{
  padding-top: 5%;
        font-size: 15px;
  font-weight: lighter;
}
@media screen and (max-width: 1100px){
  #lesson{
      display: initial;
  }
  .new_lesson_background{
    text-align: center;
  }
  .new_lesson_explain{
    text-align: center;
    margin: 0 auto;
    width: 90%;
    padding: 0;
  }
  .new_lesson_explain .one-on-one_lesson{
    text-align: initial;
  }
  .new_lesson_explain .individual_lessons{
    text-align: initial;
  }
  .new_lesson_explain .lesson_message{
    text-align: initial;
  }
  .new_lesson_background img{
    margin: 30px 0 30px;
  }
  
}

@media screen and (max-width: 700px){
	.student_lesson .square1 {
		width: 90%;
		margin: 20px auto!important;
		padding: 10px;
		float:none;
		}
	.student_lesson .square2 {
		width: 90%;
		margin: 40px auto!important;
		padding: 10px;
		float: none;
		}
		.square-word3{
		padding-bottom: 3%!important;
	}
	.student_lesson .square{
		display:block;
	}
  .new_lesson_background img{
    max-width: 90%;
    margin: 60px auto 0;
  }
  .new_lesson_explain .one-on-one_lesson{
    font-size: 5vw!important;
  }
  .new_lesson_explain .individual_lessons{
    font-size: 4vw!important;
  }
}


.sample{
    margin-bottom: 50px;
    background: url(http://proclass.jp/images/classlanding/bg_gray.png) no-repeat;
    background-size: cover;
    padding: 50px 0;
    text-align: center;
}
.sample img{
    margin: 30px auto;
}

.class_detail .sample p,
.sample .inner{
    text-align: center;
}

.message {
    background: #ebf2f2;
    margin: 30px auto 0;
    padding-top: 15px;
    padding-bottom: 0;
    clear: both;
}
.message p{
    margin-bottom: 0;
}

#cat_class.class_detail #entry h3 {
    background: linear-gradient(90deg, #08aba8, #00719e);
    border-radius: 30px;
    max-width: 400px;
    margin: 20px auto 20px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    padding: 5px 20px;
}
.class_address{
  font-weight: bold;
  font-family: "Hiragino Sans";
}

@media screen and (max-width: 800px){
  .sample{
      padding: 50px 5%;
  }
  .sample img{
      margin: 30px auto 15px;
  }
  .class_detail .sample p{
    font-size: 15px;
  }

}

.lesson-template .lesson_table table tr{
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
.lesson-template .lesson_table table th,.lesson_table table td{
	padding: 10px;
}
.lesson-template .lesson_table table th{
	width: 100px!important;
	font-weight: bold;
	color: #737373;
}
.lesson-template .lesson_table table td{
	width: calc(100% - 100px)!important;
}