html {
	font-size:62.5%
}
body {
	background:#fff
}
.cf:before, .cf:after {
	content:"";
	display:table
}
.cf:after {
	clear:both
}
.cf {
	zoom:1
}
.en {
	font-family:'Roboto Slab', serif
}
.alpha {
	zoom:1;
	display:inline-block\9
}
.alpha:hover {
	opacity:.7;
	filter:alpha(opacity=70)
}

#header {
	padding: 20px 0;
	/* position: fixed; */
	background: #ffffff;
	align-items: center;
	width: 100%;
	/* z-index: 999; */
}

@media only screen and (max-width: 991px) {
#header {
border:none;
padding:15px 0 0 !important;
position: absolute;
}
}
@media only screen and (max-width: 767px) {
#header #logo {/* float:none; */width:38%;}
}
.logo-area {
	width:65.51724%;
}
@media only screen and (max-width: 991px) {
.logo-area {
	width:100%;
	overflow:hidden;
	display: flex;
	align-items: center;
}
}
#logo {	margin-right:25px}
.catch {
	float:left;
	padding-top:18px
}
.catch_02 {
	float:left;
	padding-top:5px
}
.catch_03{
	float:left;
	padding-top:18px;
	font-size:0.85em;
}
.catch_04{
	float:left;
	padding-top:18px
}
}
@media only screen and (max-width: 991px) {
	
#logo {	margin-right:15px}	
#logo {	margin-top:4px}	
.catch { float:left;padding-top: 10px;font-size: 15px;}
.catch_02 { float:left;padding-top: 10px;font-size: 15px;}
.catch_03 { float:left;padding-top: 8px;font-size: 0.8em;}
.catch_04 { float:left;padding-top: 10px;font-size: 0.9em;}
}
@media only screen and (max-width: 767px) {
#logo {	margin-top:4px}	
.catch { float:left; padding-top: 10px; font-size: 15px; width: 50%; line-height: 1.3;}
.catch_02 { float:left; padding-top: 10px; font-size: 15px; width: 36%; line-height: 1.3;}
.catch_03 { float:left; padding-top: 8px; font-size: 0.7em;line-height: 1.3;}
.catch_04 { float:left; padding-top: 10px; font-size: 0.9em; width: 36%; line-height: 1.3;}
}

@media only screen and (max-width: 540px) {
.catch {float:left; padding-top:0; font-size: 13px; width: 48%; line-height: 1.3;}
.catch_02 {float:left;padding-top:0;font-size: 13px;width: 33%;line-height: 1.3;}
.catch_03 {float:left;padding-top:0;font-size: 0.6em;line-height: 1.3;}
.catch_04 {float:left;padding-top:0;font-size: 0.8em;width: 33%;line-height: 1.3;}
}
@media only screen and (max-width: 480px) {
#logo {	margin-top:6px}	
.catch_02 {
	float:left;
	padding-top:0;
	font-size: 12px;
	line-height: 1.2;
	margin-left: -5px;
	width: 45%;
}
.catch_03 {
	float:left;
	margin-top:-4px;
	padding-top:0;
	font-size: 0.5em;
	line-height: 1.2;
//	margin-left: -2px;
//	width: 45%;
}
.catch_04 {
	float:left;
	padding-top:0;
	font-size: 0.7em;
	line-height: 1.2;
	margin-left: -5px;
	width: 45%;
}
}
/*header-utility
-------------------------------*/
.header-utility {
	width:410px;
	float:right;
	overflow:hidden;
	margin-top:-10px
}
@media only screen and (max-width: 991px) {
.header-utility {
width:110%;
float:none;
margin:20px -5% 0;
background:#ecf1ea
}
.header-utility .header-sp-wrap {
max-width:400px;
margin:0 auto;
padding:20px 10px;
overflow:hidden;
}
}

/*header-utility-02
-------------------------------*/
.header-utility-02 {
	width:520px;
	float:right;
	overflow:hidden;
	margin-top:-10px
}
@media only screen and (max-width: 767px) {
.header-utility-02 {
width:110%;
float:none;
margin:20px -5% 0;
background:#ecf1ea
}
.header-utility-02 .header-sp-wrap-02 {
max-width:500px;
margin:0 auto;
padding:10px;
overflow:hidden;
}
}

/*header-utility-03
-------------------------------*/
.header-utility-03 {
	width:520px;
	float:right;
	overflow:hidden;
	margin-top:-10px
}
@media only screen and (max-width: 767px) {
.header-utility-03 {
width:110%;
float:none;
margin:20px -5% 0;
background:#ecf1ea
}
.header-utility-03 .header-sp-wrap-02 {
max-width:500px;
margin:0 auto;
padding:10px;
overflow:hidden;
}
}

/*header-utility-04
-------------------------------*/
.header-utility-04 {
	width:580px;
	float:right;
	overflow:hidden;
	margin-top:-10px
}
@media only screen and (max-width: 767px) {
.header-utility-04 {
	width:110%;
	float:none;
	margin: 15px -5% 0;
	background:#ecf1ea;
}
.header-utility-04 .header-sp-wrap-04 {
	max-width:500px;
	margin:0 auto;
	padding:5px;
	overflow:hidden;
}
}

/*header-utility-05
-------------------------------*/
.header-utility-05 {
	width:580px;
	float:right;
	overflow:hidden;
	margin-top:-10px;
}
@media only screen and (max-width: 767px) {
.header-utility-05 {
	width:110%;
	float:none;
	margin: 15px -5% 0;
	background:#ecf1ea;
}
.header-utility-05 .header-sp-wrap-05 {
	max-width:500px;
	margin:0 auto;
	padding:5px;
	overflow:hidden;
	display: flex;
	align-items: center;
}
}

/*header-utility-06
-------------------------------*/
.header-utility-06 {
	width:450px;
	float:right;
	overflow:hidden;
	margin-top:-10px;
}
@media only screen and (max-width: 767px) {
.header-utility-06 {
	width:110%;
	float:none;
	margin: 15px -5% 0;
	background:#ecf1ea;
}
.header-utility-06 .header-sp-wrap-06 {
	max-width:500px;
	margin:0 auto;
	padding:5px;
	overflow:hidden;
	display: flex;
	align-items: center;
}
}

/*header-utility-07
-------------------------------*/
.header-utility-07 {
	width:540px;
	float:right;
	overflow:hidden;
	margin-top:-10px;
	padding: 10px 0 0 0;
}
@media only screen and (max-width: 767px) {
.header-utility-07 {
	width: 110%;
	float:none;
	margin: 15px -5% 0;
	background:#ecf1ea;
	padding: 0 4%;
}
.header-utility-07 .header-sp-wrap-07 {
	max-width:500px;
	margin:0 auto;
	padding:5px;
	overflow:hidden;
	display: flex;
	align-items: center;
}
}

/*header-utility-08
-------------------------------*/
.header-utility-08 {
	width:540px;
	float:right;
	overflow:hidden;
	margin-top:-10px;
	padding: 10px 0 0 0;
}
@media only screen and (max-width: 767px) {
.header-utility-08 {
	width:110%;
	float:none;
	margin: 15px -5% 0;
	background:#ecf1ea;
	padding: 0;	
}
.header-utility-08 .header-sp-wrap-08 {
	max-width:500px;
	margin:0 auto;
	padding:5px;
	overflow:hidden;
	display: flex;
	align-items: center;
}
}


/*sub-logo
-------------------------------*/
.sub-logo {
	float:left;
	padding-top:18px;
}
@media only screen and (max-width: 991px) {
.sub-logo {
width:50%;
padding-right:5px;
padding-top:10px;
}
}
@media only screen and (max-width: 767px) {
.sub-logo {
padding-top:5px;
}
}

/*sub-logo-02
-------------------------------*/
.sub-logo-02 {
	float:left;
	padding-top:18px;
}

@media only screen and (max-width: 767px) {
.sub-logo-02 {
	width:75%;
	padding-right:5px;
	float: none;	
	padding-top:5px;
}

}

/*sub-logo-03
-------------------------------*/
.sub-logo-03 {
	float:left;
	padding-top:18px;
}

@media only screen and (max-width: 767px) {
.sub-logo-03 {
	width:40%;
	padding-right:8px;
	padding-top:5px;
}

}

/*sub-logo-05
-------------------------------*/
.sub-logo-05 {
	float:left;
	padding-top:18px;
}

@media only screen and (max-width: 767px) {
.sub-logo-05 {
	width:32%;
	padding-right:5px;
	padding-top:0;
}

}
/*sub-logo-07
-------------------------------*/
.sub-logo-07 {
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (max-width: 767px) {
.sub-logo-07 {
	width:32%;
	padding-right:5px;
	padding-top:0;
}

}
.top-hsk-logo{
	float:left;
	padding-right: 15px;
}

@media only screen and (max-width: 767px) {
.logo-inn{
	float:left;
	display: flex;
	align-items: center;
}

.top-hsk-logo{
	float: right;
    width: 70px;
}
}
@media only screen and (max-width: 650px) {
	
.logo-inn{
	width:85%;
}
	
.top-hsk-logo{
	margin-left: -10%;
}
}
@media only screen and (max-width: 430px) {
	
.logo-inn{
	width:87%;
}
	
.top-hsk-logo{
	margin-left: -10%;
    width: 55px;
}
}
}

/*course 
-------------------------------*/
.course {
	width:225px;
	float:right;
	overflow:hidden;
	font-size:14px;
}
@media only screen and (max-width: 991px) {
.course {
width:50%
}
}
.course [class*=course-] {
width:100px;
border-radius:5px;
display:inline-block;
padding:12px 18px;
text-align:center
}
@media only screen and (max-width: 991px) {
.course [class*=course-] {
width:48%;
padding:8px
}
}
@media only screen and (max-width: 767px) {
.course [class*=course-] {
font-size:12px
}
}
.course .course-1 {
	background:#f2f2f2;
	border:1px solid #e7e7e7;
	float:left
}
@media only screen and (max-width: 991px) {
.course .course-1 {
background:#fff
}
}
.course .course-2 {
	background:#f53b2b;
	border:1px solid #f53b2b;
	color:#fff;
	float:right
}

/*course-02
-------------------------------*/
.course-02 {
	width:330px;
	float:right;
	overflow:hidden;
	font-size:14px;
}
@media only screen and (max-width: 767px) {
.course-02 {
	width:95%;
	padding-top:10px;
	margin:0 auto;
}
}
.course-02 [class*=course-] {
	width:100px;
	border-radius:8px;
	display:inline-block;
	padding:12px 18px;
	text-align:center
}

@media only screen and (max-width: 767px) {
.course-02 [class*=course-] {
	width:100%;
	padding:8px;
	font-size:12px;
}
}

/*course-03
-------------------------------*/
.course-03 {
	float:right;
	overflow:hidden;
	font-size:14px;
}
@media only screen and (max-width: 767px) {
.course-03 {
	width:60%
}
}
.course-03 [class*=course-] {
	width:100px;
	border-radius:5px;
	display:inline-block;
	padding:12px 18px;
	text-align:center
}
@media only screen and (max-width: 991px) {
.course-03 [class*=course-] {
	padding:8px
}
}


/*course-box01
-------------------------------*/
.course-box01 {
	float:right;
	overflow:hidden;
	font-size:14px;
}
@media only screen and (max-width: 767px) {
.course-box01{
	width:100%;
	padding:10px 0;
	margin:0 auto;
}
}
.course-box01 [class*=course-] {
	width:93px;
	border-radius:8px;
	display:inline-block;
	padding:12px 18px;
	text-align:center
}

@media only screen and (max-width: 767px) {
.course-box01 [class*=course-] {
	width:100%;
	padding:8px;
	font-size:12px;
}
}


/*course-box02
-------------------------------*/
.course-box02 {
	float:right;
	overflow:hidden;
	font-size:14px;
}
@media only screen and (max-width: 767px) {
.course-box02{
	width:100%;
	padding:10px 0;
	margin:0 auto;
}
}
.course-box02 [class*=course-] {
	width:125px;
	border-radius:8px;
	display:inline-block;
	padding:12px 18px;
	text-align:center
}

@media only screen and (max-width: 767px) {
.course-box02 [class*=course-] {
	width:100%;
	padding:8px;
	font-size:12px;
}
}

/*course-box05
-------------------------------*/

@media only screen and (max-width: 767px) {
.course-box05{
	/* width: 100%; */
	padding:10px 0;
	margin:0 auto;
	float: right;
}
.course-box05 [class*=course-] {
	width:100%;
	padding:8px;
	font-size:12px;
}
}





#gnav {
	background:#64c03b;
	border-top:4px solid #e6e6e6;
	margin-top: 0;
	font-size:15px
}
@media only screen and (max-width: 991px) {
#gnav {
display:none;
margin:0
}
}
#gnav .wrap {
	margin-left:auto;
	margin-right:auto
}
#gnav li {
	width:16.5%;
	padding:0
}
@media only screen and (max-width: 991px) {
#gnav li {
width:100%
}
}
#gnav li:after {
	background:#cae8bb;
	content:'';
	width:1px;
	height:44px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%)
}
@media only screen and (max-width: 991px) {
#gnav li:after {
display:none
}
}
#gnav li:first-child:before {
	background:#cae8bb;
	content:'';
	width:1px;
	height:44px;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%)
}
@media only screen and (max-width: 991px) {
#gnav li:first-child:before {
display:none
}
}
#gnav li a {
	background:none;
	color:#fff;
	text-align:center;
	padding:47px 0 10px
}
#gnav li a:hover {
	opacity:.7
}
#gnav .menu-item:nth-child(1) a {
background:url(../images/ico_1.png) no-repeat center 12px;
background-size:30px auto
}
@media only screen and (max-width: 991px) {
#gnav .menu-item:nth-child(1) a {
background:none;
color:#fff
}
}
#gnav .menu-item:nth-child(2) a {
background:url(../images/ico_2.png) no-repeat center 12px;
background-size:30px auto
}
@media only screen and (max-width: 991px) {
#gnav .menu-item:nth-child(2) a {
background:none;
color:#fff
}
}
#gnav .menu-item:nth-child(3) a {
background:url(../images/ico_3.png) no-repeat center 12px;
background-size:30px auto
}
@media only screen and (max-width: 991px) {
#gnav .menu-item:nth-child(3) a {
background:none;
color:#fff
}
}
#gnav .menu-item:nth-child(4) a {
background:url(../images/ico_6.png) no-repeat center 12px;
background-size:30px auto
}
@media only screen and (max-width: 991px) {
#gnav .menu-item:nth-child(4) a {
background:none;
color:#fff
}
}
#gnav .menu-item:nth-child(5) a {
background:url(../images/ico_4.png) no-repeat center 12px;
background-size:30px auto
}
@media only screen and (max-width: 991px) {
#gnav .menu-item:nth-child(5) a {
background:none;
color:#fff
}
}
#gnav .menu-item:nth-child(6) a {
background:url(../images/ico_7.png) no-repeat center 12px;
background-size:30px auto
}
@media only screen and (max-width: 991px) {
#gnav .menu-item:nth-child(6) a {
background:none;
color:#fff
}
}
#gnav .menu-item:nth-child(7) a {
background:url(../images/ico_7.png) no-repeat center 12px;
background-size:30px auto
}
@media only screen and (max-width: 991px) {
#gnav .menu-item:nth-child(7) a {
background:none;
color:#fff
}
}
#header-menu-tog {
	float:none;
	position:absolute;
	right:0;
	top:11px;
	padding: 15px;
	background-color: rgba(255,255,255,0.5);
}
@media only screen and (max-width: 767px) {
#header-menu-tog {
top:0
}
}
.footer-logo {
	width:25.86207%;
	float:left;
	padding-right:20px
}
.menu-footer_nav-container {
	width:15.94828%;
	float:left
}
.keyword {
	width:28.87931%;
	float:left;
	overflow:hidden
}
.keyword-list1, .keyword-list2 {
	width:50%;
	float:left
}
.page-nav {
	width:29.31034%;
	float:left
}
.fnav-title {
	font-weight:bold;
	margin-bottom:1.2em;
	font-size:16px
}
.footer-01 {
	font-size:14px
}

/*
@media only screen and (max-width: 767px) {
.footer-01 {
display:none
}
}
*/


.f-cnav{
    position:sticky;
    top:0;
    z-index: 999;
}

.f-cnav02{
    position:sticky;
    top:0;
    z-index: 999;
}




.footer-01 ul li {
	display:block;
	margin-bottom:3px
}
.footer-01 ul li a {
	color:#353535
}
.footer-01 ul li a:hover {
	color:#64c03b !important
}
#footer .footer-02 {
	background:#64c03b;
	border:none
}
#footer .footer-02 .wrap {
	padding: 20px 0 80px 0;
}
#footer .footer-02 .footer-copy {
	text-align:center;
	color:#fff
}
.pagetop {
	bottom: 119px;
}
.pagetop span {
	width:60px;
	height:60px;
	border-radius:0;
	line-height:54px
}
@media only screen and (max-width: 991px) {
.pagetop {
display:none
}
}
.wrap {
	max-width:1160px
}
@media only screen and (max-width: 991px) {
.wrap {
margin-left:5%;
margin-right:5%
}
}
#header .wrap {
	position:relative
}
.l-section {
	padding-bottom:0;
}



.youtube {
	width:44.22414%;
	float:left;
	min-height:326px
}
@media only screen and (max-width: 767px) {
.youtube {
float:none;
width:100%;
margin-bottom:30px;
min-height:auto
}
}

.profile {
    padding-top: 50px;
}

.profile-detail {
	margin-bottom:30px;
	overflow:hidden
}

.profile-text {
	width:51.72414%;
	float:right
}
@media only screen and (max-width: 767px) {

.profile {
    padding-top: 0;
}

.profile-text {
	float:none;
	width:100%
}

}

.profile-text dl {
	font-size:14px
}
.profile-text dl dt {
	font-size:16px
}
.profile-text .sns-btns {
	padding:15px 15px 15px 15px;
	margin-top:2em;
	background:#f3f8f1;
	border:1px solid #e2e7e0;
	border-radius:5px;
	overflow:hidden;
	display:table
}
@media only screen and (max-width: 1200px) {
.profile-text .sns-btns {
padding:15px
}
}

@media only screen and (max-width: 767px) {
.profile-text .sns-btns {
padding:15px;
width:100%
}
}

.profile-text .sns-btns .sns-txt {
	display:table-cell;
	width:40%;
	color:#7a8477
}
@media only screen and (max-width: 991px) {
.profile-text .sns-btns .sns-txt {
width:100%;
display:block;
margin-bottom:20px;
text-align:center
}
}

.profile-text .sns-btns ul {
	display:table;
	margin:0 auto
}
@media only screen and (max-width: 767px) {
.profile-text .sns-btns ul {
display:block;
overflow:hidden
}
}

.profile-text .sns-btns ul li {
	display:table-cell;
	padding:0 4px;
	width:20%
}
@media only screen and (max-width: 767px) {
.profile-text .sns-btns ul li {
display:block;
float:left;
text-align:center
}
}
.banner {
	background:#ecf1ea;
	padding:40px;
	text-align:center
}
@media only screen and (max-width: 767px) {
.banner {
padding:30px 0
}
}
.top-category {
	background:#ffffff;
	padding-top:30px
}
@media only screen and (max-width: 767px) {
.top-category {
	padding-top:150px
}
}
.home #main {
	padding-top:80px
}
.home #side {
	padding-top:80px
}
@media only screen and (max-width: 767px) {
.home #side {
padding-top:20px
}
}
@media only screen and (max-width: 991px) {
#main {
width:100%;
float:left
}
}
@media only screen and (max-width: 767px) {
#main {
float:none
}
}
@media only screen and (max-width: 991px) {
.main-inner {
margin-right:290px;
width:auto
}
}
@media only screen and (max-width: 767px) {
.main-inner {
width:100%;
margin-right:0
}
}
#side {
	width:260px;
	margin-left:-260px
}
@media only screen and (max-width: 991px) {
#side {
float:left;
width:260px;
margin-left:-260px
}
}
@media only screen and (max-width: 767px) {
#side {
float:none;
width:100%;
margin-left:0
}
}
#sitemap_list .cat-item, #sitemap_list .page_item {
	margin-bottom:1.5em
}
.side-banner, .serch-box, .side-posts {
	margin-bottom:20px
}
.widget_recent_entries a, .widget_archive a, .widget_categories a, .widget_meta a, .widget_views a {
	background:none
}
.side-posts li {
	border-bottom:1px solid #ddd
}
.side-posts li a {
	display:block;
	padding:12px 0;
	overflow:hidden;
	font-size:14px
}
.side-posts li a:hover {
	color:#f8761f;
	text-decoration:underline
}
.side-posts li a .side-thumb {
	display:block;
	float:left;
	margin-right:10px;
	border:2px solid #eee;
	width:59px;
	height:59px
}
.popular-title {
	border-bottom:3px solid #64c03b;
	color:#64c03b;
	font-size:18px;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:8px;
	background:url(../images/popular_ico.png) no-repeat 28% 4px;
	background-size:18px auto
}
@media only screen and (max-width: 767px) {
.popular-title {
background:url(../images/popular_ico.png) no-repeat 32% 4px;
background-size:18px auto
}
}
.review {
	display:none
}
.btn-wrap {
	text-align:center;
	margin:0 auto 15px auto;
}
.btn {
	border:2px solid #f53b2b;
	border-radius:37px;
	color:#f53b2b;
	display:inline-block;
	padding:10px 15px;
	text-align:center;
	font-weight:bold;
	width:83%;
}
.btn:hover {
	background:#f53b2b;
	color:#fff
}

.latest .btn {
	padding:10px 60px;
	margin-bottom:40px
}

.btn-03 {
	border: 2px solid #64c03b;
	border-radius:37px;
	color: #64c03b;
	display:inline-block;
	padding:10px 15px;
	text-align:center;
	font-weight:bold;
	width:83%;
}

.btn-03:hover {
	background:#64c03b;
	color:#fff
}

.latest .btn-03 {
	padding:10px 60px;
	margin-bottom:40px
}

.btn-02 {
	border:2px solid #f53b2b;
	border-radius:37px;
	color:#f53b2b;
	display:inline-block;
	padding:5px 20px;
	margin:20px auto 0 auto;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}
.btn-02:hover {
	background:#f53b2b;
	color:#fff
}


@media only screen and (max-width: 767px) {
	
.btn {
	border-radius:20px;
	padding:10px;
	width:100%;
}	
.latest .btn {padding:10px 40px;}
.btn-03 {
	border-radius:20px;	
	padding:10px;
	width:100%;
}
.latest .btn-03 {padding:10px 40px;}

.btn-02 { padding:10px 40px; font-size:16px;}

}

.bread {
	background:#f7f9f6;
	padding:15px 0 5px
}
.breadcrumb li:first-child {
	margin-left:0
}
.breadcrumb li a {
	color:#1a0dab;
}
.breadcrumb2{
	margin-top: 0;
	padding-top:0		
}
.post-header, .cat-header {
	padding:0
}
@media only screen and (max-width: 767px) {
.post-header .post-title, .cat-header .post-title {
font-size:22px
}
}
.cat-content, article.post, article.page, article.wp101, article.seo101 {
	border:none
}
#content {
	padding-top:0;
}
@media only screen and (max-width: 767px) {
#content {
	padding-top:100px
}
}
.post-header-meta {
	width:95px;
	float:left
}
@media only screen and (max-width: 991px) {
.post-header-meta {
width:100%;
float:none
}
}
.post-wrapper {
	margin-left:115px
}
@media only screen and (max-width: 991px) {
.post-wrapper {
margin-left:0
}
}
.post-content {
	padding:0 0 40px;
	overflow:visible
}
@media only screen and (max-width: 991px) {
.post-content {
padding:20px 0 !important
}
}
.post-thumbnail {
	margin:0 0 0px;
	float:none
}
.post-thumbnail img {
	width:100%
}
@media only screen and (max-width: 767px) {
.post-thumbnail {
margin-left:-5%;
margin-right:-5%
}
}
.post-view {
	background:#f5f5f5;
	padding:8px 4px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px
}
.post-view i.fa {
	margin-right:6px
}
.post-view span {
	color:#ed392a
}
.post-view span.number {
	font-size:14px
}
@media only screen and (max-width: 767px) {
.post-view {
margin-left:-5% !important;
margin-right:-5% !important;
font-size:11px
}
.post-view span.number {
font-size:13px
}
}
.post-content p {
	margin-bottom:1.6em;
}
.post-content a {
	color:#1a0dab;
	text-decoration:underline
}
.post-content h2 {
	border-radius:3px;
	border:2px solid #eeeeee;
	border-left: 6px solid #a3e984;
	padding:16px 24px;
	margin:2em 0 !important;
	font-size:28px !important;
	background: #64c03b;
	color: #ffffff;
}
@media only screen and (max-width: 767px) {
.post-content h2 {
font-size:20px !important;
padding:10px 20px
}
}
.post-content h3 {
	font-size:24px;
	border-bottom:3px double #70C54A;
	font-weight:bold;
	margin:2em 0 1em;
	padding:0
}
@media only screen and (max-width: 767px) {
.post-content h3 {
font-size:18px !important;
padding:10px 20px
}
}
.post-content h4 {
	font-size:20px;
	color:#64c03b;
	margin-top:1.6em;
}
@media only screen and (max-width: 767px) {
.post-content h4 {
font-size:18px !important
}
}
.post-content dl dt {
	color:#64c03b;
	margin:5px 0 !important
}
.post-content dl dd {
	margin:5px 0 !important;
	padding:0 0 0 2.5em !important
}
.post-content table {
	width:100%;
	border:0;
	margin-bottom:40px;
	max-width:100%;
	border-collapse:collapse;
	border-spacing:0
}
.post-content table tbody th {
	background:#64c03b;
	color:#fff
}
.post-content table tbody td {
	text-align:left;
	font-weight:normal;
	vertical-align:middle
}
.post-content table tbody th, .post-content table tbody td {
	padding:15px 10px;
	border:#ddd solid 1px
}
.post-content blockquote {
	border-radius:5px;
	border:2px solid #f3f3d5 !important;
	background:#fcfce7 !important;
	padding:30px 20px 30px 120px;
	margin:0 0 40px;
	position:relative
}
@media only screen and (max-width: 767px) {
.post-content blockquote {
padding:112px 15px 15px 35px !important
}
}
.post-content blockquote:before {
	content:url(../images/blockquote_mark.png);
	color:#e7e7e7;
	position:absolute;
	top:20px;
	left:12px
}
.post-content .attention {
	border-radius:5px;
	padding:30px 30px 30px 65px;
	position:relative;
	margin-bottom:40px
}
@media only screen and (max-width: 767px) {
.post-content .attention {
padding:80px 15px 15px 35px
}
}
.post-content .attention ul {
	padding:10px 0 0 !important
}
.post-content .a-1 {
	border:1px solid #f53b2b;
	background:url(../images/att_bg_1.png) repeat
}
.post-content .a-1:before {
	content:url(../images/att_1.png);
	position:absolute;
	top:-25px;
	left:-45px
}
@media only screen and (max-width: 767px) {
.post-content .a-1:before {
left:-10px
}
}
.post-content .a-2 {
	border:1px solid #f8761f;
	background:url(../images/att_bg_2.png) repeat
}
.post-content .a-2:before {
	content:url(../images/att_2.png);
	position:absolute;
	top:-25px;
	left:-45px
}
@media only screen and (max-width: 767px) {
.post-content .a-2:before {
left:-10px
}
}
.post-content .a-3 {
	border:1px solid #64c03b;
	background:url(../images/att_bg_3.png) repeat
}
.post-content .a-3:before {
	content:url(../images/att_3.png);
	position:absolute;
	top:-25px;
	left:-45px
}
@media only screen and (max-width: 767px) {
.post-content .a-3:before {
left:-10px
}
}
.post-footer {
	padding:0 !important
}
.post-footer .post-footer-share {
	padding:30px 20px 15px;
	background:#f7f9f6;
	margin-bottom:40px
}
.post-footer .post-footer-share-title {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px
}
.post-footer .post-footer-share .bzb-sns-btn {
	padding:0;
	display:table;
	margin:0 auto
}
@media only screen and (max-width: 767px) {
.post-footer .post-footer-share .bzb-sns-btn {
display:block
}
}
.post-footer .post-footer-share .bzb-sns-btn li {
	display:table-cell;
	padding:0 5px;
	float:left;
}
@media only screen and (max-width: 767px) {
.post-footer .post-footer-share .bzb-sns-btn li {
display:inline
}
}
.post-footer-list a {
	color:#1a0dab;
	text-decoration:underline
}
#main .post-cta {
	border:2px solid #64c03b;
	border-radius:5px;
	margin-bottom:40px
}
@media only screen and (max-width: 991px) {
#main .post-cta {
padding:0 !important;
/*margin-top:180px */
}
}
#main .post-cta .cta-post-title {
	font-size:26px;
	text-align:left;
	color:#fff;
	background:#64c03b;
	padding:15px 240px 15px 30px;
	position:relative;
	margin-bottom:0;
	border:none
}
@media only screen and (max-width: 991px) {
#main .post-cta .cta-post-title {
padding:20px !important
}
}
@media only screen and (max-width: 767px) {
#main .post-cta .cta-post-title {
font-size:20px !important
}
}
/*#main .post-cta .cta-post-title:after {
	content:url(../images/cta_img.png);
	position:absolute;
	right:10px;
	bottom:-11px */
}
@media only screen and (max-width: 991px) {
/*#main .post-cta .cta-post-title:after {
top:-145px*/
}
}
#main .post-cta .post-cta-inner {
	background:url(../images/post_h2bg.png) repeat
}
#main .post-cta .post-cta-btn {
	margin:30px 0 0
}
#main .post-cta .post-cta-btn a {
	background:#f53b2b;
	border-radius:40px;
	border-bottom:3px solid #ddd;
	color:#fff;
	padding:20px
}
#main .post-cta .post-cta-btn a:hover {
	background:#f6706f;
	border-bottom:3px solid #ddd
}
.sns-share {
	border-radius:5px;
	box-shadow:0 0 4px #ccc;
	margin-bottom:40px;
	text-align:center;
	padding-top:30px;
	position:relative
}
@media only screen and (max-width: 767px) {
.sns-share {
padding-top:80px
}
}
.sns-share:before {
	content:url(../images/ribbon.png);
	position:absolute;
	left:20px;
	top:-11px
}
.sns-share .sns-title {
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px
}
.sns-share .sns-btns {
	border-top:1px solid #d8dbd7;
	padding:30px
}
@media only screen and (max-width: 767px) {
.sns-share .sns-btns {
padding:15px
}
}
.sns-share .sns-btns ul {
	display:table;
	margin:0 auto
}
@media only screen and (max-width: 767px) {
.sns-share .sns-btns ul {
display:block;
overflow:hidden
}
}
.sns-share .sns-btns ul li {
	display:table-cell;
	padding:0 20px
}
@media only screen and (max-width: 767px) {
.sns-share .sns-btns ul li {
display:block;
padding:0 10px;
width:25%;
float:left
}
}
.sns-share .sns-btns ul li img {
	margin-bottom:10px
}
.post-share {
	padding:20px 30px 40px 30px;
	border:none;
	position:relative;
	margin-bottom:40px;
}
.post-share:before {
	content:'';
	width:80px;
	height:80px;
	border-bottom:1px solid #64c03b;
	border-left:1px solid #64c03b;
	position:absolute;
	left:0;
	bottom:0
}
.post-share:after {
	content:'';
	width:80px;
	height:80px;
	border-bottom:1px solid #64c03b;
	border-right:1px solid #64c03b;
	position:absolute;
	right:0;
	bottom:0
}
.post-share h4 {
  padding-bottom:10px;
  font-size:20px;
  text-align:center;
  margin-bottom:20px;
}
.post-share h4 span {
  display: block;
  color: #aaa;
  font-size:15px;
  font-weight:normal;
  letter-spacing:1.8px;
}

.post-share h4 span:before {
  content: "◆";
  color: #aaef8b;
  margin-right: 10px;
  font-size: 80%;
}

.post-share h4 span:after {
  content: "◆";
  color: #aaef8b;
  margin-left: 10px;
  font-size: 80%;
}
@media only screen and (max-width: 640px) {
.post-share h4 {
  font-size:17px;
  margin-bottom:15px;
}
.post-share h4 span {
  font-size:13px;
}
}
/*.post-share h4,*/ .post-share .related-post-headline {
	font-size:22px;
	color:#64c03b;
	border-bottom:5px solid #f4f6f3;
	padding:0 0 20px 20px;
	margin-bottom:20px
}
/*.post-share h4:before,*/ .post-share .related-post-headline:before {
	content:'\f24a';
	font-family:FontAwesome;
	margin-right:10px
}
.related-post:before {
	content:'';
	width:80px;
	height:80px;
	border-top:1px solid #64c03b;
	border-left:1px solid #64c03b;
	position:absolute;
	left:0;
	top:0
}
.related-post:after {
	content:'';
	width:80px;
	height:80px;
	border-top:1px solid #64c03b;
	border-right:1px solid #64c03b;
	position:absolute;
	right:0;
	top:0
}
.related-post .post-list {
	/*margin:0 0 0 -10px !important;*/
	overflow:hidden;
	padding-left:5px;
}
.related-post .post-list .related-post-single {
	width:33.333% !important;
	padding-left:10px !important;
	margin:0 !important
}
@media only screen and (max-width: 991px) {
.related-post .post-list .related-post-single {
width:50% !important
}
}
.related-post .post-list .related-post-single a {
	border:2px solid #ddd !important;
	border-radius:7px !important;
	margin-bottom:10px !important;
	margin-right:0 !important
}
.related-post .post-list .related-post-single a .related-post-thumb {
	padding-bottom:0 !important;
	border-radius:5px 5px 0 0;
	overflow:hidden;
	border:none
}
@media only screen and (max-width: 991px) {
.related-post .post-list .related-post-single a .related-post-thumb {
height:auto !important
}
}
.related-post .post-list .related-post-single a .related-post-title {
	padding:10px !important;
	font-size:16px !important;
	display:block
}
.related-post .post-list .related-post-single a:hover {
	border:2px solid #64c03b !important
}
.post-author {
	margin:60px 0;
	background:#f7f9f6;
	padding:40px;
	border:none;
	border-radius:5px
}
.post-author .post-author-img {
	width:130px
}
@media only screen and (max-width: 767px) {
.post-author .post-author-img {
margin-left:auto;
margin-right:auto
}
}
.post-author .post-author-meta {
	margin-left:160px;
	font-size:14px
}
.post-author .post-author-meta h4 {
	font-size:16px
}
.post-author .post-author-meta a {
	color:#1a0dab
}
.post-author .post-author-meta a:hover {
	text-decoration:underline
}
.post-author .book {
	margin-top:1em
}
#reply-title {
	font-size:22px;
	color:#64c03b;
	border-bottom:5px solid #f4f6f3;
	padding:0 0 20px 20px;
	margin-bottom:20px
}
#reply-title:before {
	content:'\f0e5';
	font-family:FontAwesome;
	margin-right:10px
}
#commentform #submit {
	background:#f53b2b;
	border-radius:40px;
	border-bottom:3px solid #ddd;
	color:#fff;
	padding:10px;
	margin-top:20px
}
#commentform #submit:hover {
	background:#f6706f;
	border-bottom:3px solid #ddd
}
.cat-content {
	position:relative
}
.cat-content:before {
	content:'';
	width:40px;
	height:40px;
	border-top:1px solid #64c03b;
	border-left:1px solid #64c03b;
	position:absolute;
	left:0;
	top:0
}
.cat-content:after {
	content:'';
	width:40px;
	height:40px;
	border-top:1px solid #64c03b;
	border-right:1px solid #64c03b;
	position:absolute;
	right:0;
	top:0
}
.cat-header:before {
	content:'';
	width:40px;
	height:40px;
	border-bottom:1px solid #64c03b;
	border-left:1px solid #64c03b;
	position:absolute;
	left:0;
	bottom:0
}
.cat-header:after {
	content:'';
	width:40px;
	height:40px;
	border-bottom:1px solid #64c03b;
	border-right:1px solid #64c03b;
	position:absolute;
	right:0;
	bottom:0
}
body.page .cat-content>.post-header {
	position:relative;
	padding:40px;
	margin-bottom:30px
}
body.page .cat-content>.post-header:before {
	content:'';
	width:40px;
	height:40px;
	border-top:1px solid #64c03b;
	border-left:1px solid #64c03b;
	position:absolute;
	left:0;
	top:0
}
body.page .cat-content>.post-header:after {
	content:'';
	width:40px;
	height:40px;
	border-top:1px solid #64c03b;
	border-right:1px solid #64c03b;
	position:absolute;
	right:0;
	top:0
}
body.page .cat-header>.post-title:before {
	content:'';
	width:40px;
	height:40px;
	border-bottom:1px solid #64c03b;
	border-left:1px solid #64c03b;
	position:absolute;
	left:0;
	bottom:0
}
body.page .cat-header>.post-title:after {
	content:'';
	width:40px;
	height:40px;
	border-bottom:1px solid #64c03b;
	border-right:1px solid #64c03b;
	position:absolute;
	right:0;
	bottom:0
}
article.page .post-header {
	padding:0 !important;
	margin-bottom:30px !important
}
.section-title {
	position:relative;
	text-align:center;
	font-size:22px;
	line-height:1.2;
	color:#64c03b;
	margin-bottom:40px
}
.section-title:before {
	position:absolute;
	top:50%;
	z-index:1;
	content:'';
	display:block;
	width:100%;
	height:1px;
	background-color:#64c03b
}
.title-inner {
	position:relative;
	z-index:2;
	display:inline-block;
	padding:0 1em;
	background-color:#fff
}
.title-en {
	font-size:14px
}
.profile-text dt {
	font-size:20px;
	font-weight:bold;
	margin-bottom:.8em
}
.profile-text dd p+p {
	margin-top:1em
}
.movie-title {
	margin-bottom:1em
}
.book-block {
	border-radius:10px;
	border:1px solid #ddd;
	padding:10px 40px 10px 10px;
	margin-bottom:50px
}
@media only screen and (max-width: 767px) {
.book-block {
padding:20px
}
}
.book-block dl {
	display:table
}
@media only screen and (max-width: 767px) {
.book-block dl {
display:block
}
}
.book-block dl dt, .book-block dl dd {
	display:table-cell;
	vertical-align:middle
}
@media only screen and (max-width: 767px) {
.book-block dl dt, .book-block dl dd {
display:block
}
}
.book-block dl dt {
	width:16%;
	border-right:1px solid #ddd;
	text-align:center;
	font-size:18px;
	font-weight:bold
}
@media only screen and (max-width: 767px) {
.book-block dl dt {
width:100%;
border-right:none;
border-bottom:1px solid #ddd;
padding-bottom:20px;
margin-bottom:20px;
text-align:center
}
}
.book-block dl dt .en {
	color:#ddd;
	font-size:14px
}
.book-block dl dd {
	overflow:hidden;
	padding-left:40px;
	font-size:14px
}
@media only screen and (max-width: 767px) {
.book-block dl dd {
padding-left:0
}
}
.book-block .book-list {
	width:60%;
	float:left;
	padding:20px 40px 20px 0
}
@media only screen and (max-width: 767px) {
.book-block .book-list {
float:none;
width:100%
}
}
.book-block .book-list a {
	color:#1a0dab;}
	
.book-block .book-img {
	width:40%;
	float:left;
	padding-top:15px
}
@media only screen and (max-width: 767px) {
.book-block .book-img {
float:none;
width:100%
}
}
.top-category .title-inner {
	background:#ffffff
}
.cat-block {
	border-radius:10px;
	border:1px solid #ddd;
	display:table;
	margin-top:10px;
	background:#fff
}
.mb40-20{ margin-bottom:40px;}
@media only screen and (max-width: 767px) {
.mb40-20{ margin-bottom:20px;}	
}


@media only screen and (max-width: 767px) {
.cat-block {
display:block;
max-width:580px;
margin-left:auto;
margin-right:auto
}
}
.cat-block a {
	display:block
}
.cat-block a:hover .cat-arrow {
	background:#f8faf7;
	border-radius:0 10px 10px 0
}
.cat-img, .cat-text, .cat-arrow {
	display:table-cell
}
@media only screen and (max-width: 767px) {
.cat-img, .cat-text, .cat-arrow {
display:block
}
}
.cat-img {
	width:45.08621%
}
@media only screen and (max-width: 767px) {
.cat-img {
width:100%
}
}
.cat-text {
	width:48.53448%;
	padding:25px 40px 10px;
	vertical-align:top
}
@media only screen and (max-width: 767px) {
.cat-text {
width:100%;
padding:20px
}
}
.cat-arrow {
	border-left:1px solid #ddd;
	vertical-align:middle;
	text-align:center
}
@media only screen and (max-width: 767px) {
.cat-arrow {
border-left:none;
border-top:1px solid #ddd;
padding:20px
}
}
@media only screen and (max-width: 767px) {
.cat-arrow img {
width:24px;
height:14px
}
}
.post-loop-wrap article {
	border:none;
	margin-bottom:25px;
	border-bottom:4px solid #f4f6f3;
	overflow:hidden;
	counter-increment:number
}
.post-loop-wrap article .post-thumbnail {
	float:left;
	margin:0;
	width:35.46512%;
	height:auto
}
.post-loop-wrap article .post-group {
	width:64.53488%;
	padding-left:30px;
	float:left
}
.post-loop-wrap article .post-header {
	padding:0
}
.post-loop-wrap article .post-content {
	padding:0
}
@media only screen and (max-width: 767px) {
.post-loop-wrap article .post-content {
/* display:none */
}
}
.post-loop-wrap article a:hover .post-title {
	color:#64c03b
}
.post-loop-wrap article .post-title {
	font-size:22px;
	margin-bottom:10px
}
@media only screen and (max-width: 767px) {
.post-loop-wrap article .post-title {
font-size:18px;
margin-bottom:10px
}
}
.post-meta {
	margin:0;
	border:none;
	color:#64c03b;
	margin-bottom:1em
}
@media only screen and (max-width: 767px) {
.post-meta {
margin-bottom:5px
}
}
.post-meta li {
	margin:0;
	float:none
}
[class*=rank-] .post-thumbnail {
position:relative
}
[class*=rank-] .post-thumbnail:after {
content:counter(number) "";
width:44px;
height:46px;
background:url(../images/ranking_bg_ico.png) no-repeat;
line-height:44px;
color:#fff;
text-align:center;
position:absolute;
left:10px;
top:10px
}
@media only screen and (max-width: 767px) {
[class*=rank-] .post-thumbnail:after {
width:30px;
height:32px;
background-size:30px auto;
line-height:32px;
font-size:14px
}
}
form input[type="submit"], form button {
	background:#64c03b
}
.post-title .special_keyword, .post-title .special_keyword_content {
	color:#70C54A
}
.page-template-page-opt #main {
	float:none
}
.page-template-page-opt .main-inner {
	margin-right:380px;
	float:left
}
@media only screen and (max-width: 991px) {
.page-template-page-opt .main-inner {
margin-right:280px
}
}
@media only screen and (max-width: 767px) {
.page-template-page-opt .main-inner {
margin-right:0;
float:none
}
}
.page-template-page-opt article.page .post-header {
	padding:50px !important;
	text-align:center;
	position:relative;
	margin-bottom:50px !important
}
.page-template-page-opt article.page .post-header:before {
	content:'';
	width:60px;
	height:60px;
	border-top:1px solid #64c03b;
	border-left:1px solid #64c03b;
	position:absolute;
	left:0;
	top:0
}
@media only screen and (max-width: 767px) {
.page-template-page-opt article.page .post-header:before {
width:20px;
height:20px
}
}
.page-template-page-opt article.page .post-header:after {
	content:'';
	width:60px;
	height:60px;
	border-top:1px solid #64c03b;
	border-right:1px solid #64c03b;
	position:absolute;
	right:0;
	top:0
}
@media only screen and (max-width: 767px) {
.page-template-page-opt article.page .post-header:after {
width:20px;
height:20px
}
}
@media only screen and (max-width: 767px) {
.page-template-page-opt article.page .post-header {
padding:30px !important;
margin-bottom:10px !important
}
}
.page-template-page-opt .page-title {
	font-size:30px;
	font-weight:bold
}
@media only screen and (max-width: 767px) {
.page-template-page-opt .page-title {
font-size:22px;
margin:0
}
}
.page-template-page-opt .page-title:before {
	content:'';
	width:60px;
	height:60px;
	border-bottom:1px solid #64c03b;
	border-left:1px solid #64c03b;
	position:absolute;
	left:0;
	bottom:0
}
@media only screen and (max-width: 767px) {
.page-template-page-opt .page-title:before {
width:20px;
height:20px
}
}
.page-template-page-opt .page-title:after {
	content:'';
	width:60px;
	height:60px;
	border-bottom:1px solid #64c03b;
	border-right:1px solid #64c03b;
	position:absolute;
	right:0;
	bottom:0
}
@media only screen and (max-width: 767px) {
.page-template-page-opt .page-title:after {
width:20px;
height:20px
}
}
.page-template-page-opt .voice-box {
	background:#f7f9f6;
	border-radius:5px;
	padding:30px 30px 30px 130px;
	position:relative;
	margin-bottom:40px;
	margin-top:40px
}
@media only screen and (max-width: 767px) {
.page-template-page-opt .voice-box {
padding:90px 15px 15px 35px
}
}
.page-template-page-opt .voice-box:before {
	content:url(../images/voice.png);
	position:absolute;
	top:-15px;
	left:20px
}
@media only screen and (max-width: 767px) {
.page-template-page-opt .voice-box:before {
width:40px
}
}
.page-template-page-opt .voice-box .voice-detail {
	margin-bottom:0
}
.page-template-page-opt .voice-box .voice-detail dt {
	color:#383838;
	font-size:18px
}
.page-template-page-opt .voice-box .voice-detail dd {
	padding-left:0 !important
}
.page-template-page-opt .opt-side {
	width:320px;
	float:left;
	margin-left:-320px
}
@media only screen and (max-width: 991px) {
.page-template-page-opt .opt-side {
width:260px;
margin-left:-260px
}
}
@media only screen and (max-width: 767px) {
.page-template-page-opt .opt-side {
float:none;
width:100%;
margin-left:0
}
}
.page-template-page-opt .opt-form-box {
	border:2px solid #64c03b;
	border-radius:5px;
	margin-bottom:40px
}
@media only screen and (max-width: 991px) {
.page-template-page-opt .opt-form-box {
padding:0 !important
}
}
.page-template-page-opt .opt-title {
	font-size:20px;
	text-align:center;
	color:#fff;
	background:#64c03b;
	padding:15px
}
@media only screen and (max-width: 991px) {
.page-template-page-opt .opt-title {
padding:20px !important
}
}
@media only screen and (max-width: 767px) {
.page-template-page-opt .opt-title {
font-size:20px !important
}
}
.page-template-page-opt .opt-form-area {
	background:url(../images/post_h2bg.png) repeat;
	padding:20px
}
.page-template-page-opt .opt-form-area dt {
	font-weight:bold
}
.page-template-page-opt .opt-form-area dt .req {
	font-weight:normal
}
.page-template-page-opt .opt-form-area input {
	margin-bottom:1em;
	width:100%
}
.page-template-page-opt .opt-form-area .button {
	background:#f53b2b;
	border-radius:40px;
	border-bottom:3px solid #ddd;
	color:#fff;
	padding:15px;
	margin-bottom:0
}
.page-template-page-opt .opt-comment-title {
	border-bottom:1px solid #ddd;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:10px
}
.postid-1110 {
	padding:40px 0;
	background:#f6f5f1
}
.postid-1110 .lp-wrap {
	max-width:100%;
	border:1px solid #efefef;
	margin:0 auto;
	background:#fff;
	padding:0
}
.postid-1110 #lp-header h1 {
	display:none
}
.postid-1110 .main-inner {
	margin-right:0
}
.postid-1110 .post-content h1 {
	font-size:40px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	color:#f53b2b
}
@media only screen and (max-width: 767px) {
.postid-1110 .post-content h1 {
font-size:20px
}
}
.postid-1110 p.midashi-02 {
	font-size:22px;
	font-weight:bold;
	margin:0 0 30px 0;
	padding:0;
	text-align:center;
	color:#434343
}
@media only screen and (max-width: 767px) {
.postid-1110 p.midashi-02 {
font-size:18px
}
}
.postid-1110 .main-text {
	margin:0;
	border-bottom:solid 1px #f0f0f0
}
.postid-1110 .main_l {
	width:67%;
	float:left
}
@media only screen and (max-width: 991px) {
.postid-1110 .main_l {
width:100%;
float:none
}
}
.postid-1110 .teacher {
	margin:50px 0 0
}
.postid-1110 .teacher .text_waku {
	width:55%;
	float:left
}
@media only screen and (max-width: 767px) {
.postid-1110 .teacher .text_waku {
width:100%;
float:none
}
}
.postid-1110 .teacher .text_waku p {
	margin:0 0 1.2em !important;
	font-size:15px
}
.postid-1110 .teacher p.text-title {
	font-size:20px;
	font-weight:bold;
	color:#434343;
	margin-bottom:20px !important
}
.postid-1110 .teacher .img_waku {
	float:right;
	width:40%;
	border:solid #fff 3px;
	box-shadow:1px 1px 1px #d8d8d8
}
@media only screen and (max-width: 767px) {
.postid-1110 .teacher .img_waku {
float:none;
width:100%
}
}
.postid-1110 .text-name {
	text-align:right
}
.postid-1110 .point-waku {
	overflow:hidden
}
.postid-1110 .point-bg {
	border:solid 2px #dfdfdf;
	margin-top:20px;
	margin-bottom:45px;
	padding:30px
}
@media only screen and (max-width: 767px) {
.postid-1110 .point-bg {
padding:20px
}
}
.postid-1110 .point-bg .point-title {
	margin:15px 0 50px 0;
	padding:0 0 30px 0;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	color:#474747;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#434343
}
@media only screen and (max-width: 767px) {
.postid-1110 .point-bg .point-title {
font-size:24px
}
}
.postid-1110 .point-bg .point-img {
	width:15%;
	height:100px;
	float:left
}
@media only screen and (max-width: 767px) {
.postid-1110 .point-bg .point-img {
width:100%;
height:auto;
float:none;
text-align:center;
margin-bottom:20px
}
}
.postid-1110 .point-text .point {
	margin-bottom:5px !important;
	font-size:16px;
	font-weight:bold;
	color:#434343
}
@media only screen and (max-width: 767px) {
.postid-1110 .point-text .point {
text-align:center
}
}
.postid-1110 .point-text p {
	font-size:14px;
	color:#434343;
	margin-bottom:2em !important
}
.postid-1110 .mail_bg {
	margin:0 0 50px 0;
	padding:25px;
	border:solid 2px #e0e0e0;
	background-color:#fbfbfb
}
.postid-1110 .mail_bg p {
	margin-bottom:0 !important
}
.postid-1110 .mail_bg .font14 {
	font-size:14px;
	margin-top:10px
}
.postid-1110 p.sub_title {
	font-size:18px;
	margin:0 0 25px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #444
}
.postid-1110 .lp-form {
	width:300px;
	float:right;
	margin-top:54px;
	margin-left:-320px
}
@media only screen and (max-width: 991px) {
.postid-1110 .lp-form {
width:100%;
float:none;
margin-left:auto;
margin-right:auto
}
}
.postid-1110 .lp-form .arrow {
	margin-bottom:20px;
	text-align:center
}
.postid-1110 .lp-form .arrow .fa-5x {
	position:absolute;
	top:-130px;
	left:0;
	right:0;
	color:#9cc94a
}
.postid-1110 .lp-form .arrow p {
	font-size:20px
}
.postid-1110 .lp-form .arrow-waku {
	position:relative
}
.postid-1110 .lp-form dl {
	margin-bottom:0
}
.postid-1110 .lp-form dl dt {
	margin-top:12px !important;
	display:block;
	color:#fff
}
.postid-1110 .lp-form dl dd {
	margin:0 !important;
	padding:0 !important
}
.postid-1110 .lp-form dl.name dt {
	border-bottom:solid 1px #fff
}
.postid-1110 .lp-form dl.name-02 dt {
	border:none;
	margin:20px 0 0 !important;
	font-size:14px
}
.postid-1110 .lp-form input[type=text], .postid-1110 .lp-form input[type=email] {
	width:100%
}
.postid-1110 .lp-form dl.mail {
	margin:24px 0 36px
}
.postid-1110 .lp-form dl.mail dt {
	margin:0 0 20px 0 !important;
	border-bottom:solid 1px #fff
}
.postid-1110 .lp-form .submit {
	margin:0 !important
}
.postid-1110 .lp-form input[type=submit] {
	padding:20px;
	width:100%;
	color:#fff;
	background:#f53b2b !important;
	border-bottom:5px solid #e21c0b !important
}
.postid-1110 .ruls {
	margin-top:20px;
	font-size:12px;
	color:#fff;
	text-align:center;
	display:block
}
.postid-1110 .ruls a {
	color:#fff;
	text-decoration:none
}
.postid-1110 .ruls a:hover {
	text-decoration:underline
}
.postid-1110 .fa-arrow-down:before {
	content:"\f063";
	color:#fff;
	background-color:#9cc94a;
	border-radius:100%;
	padding:10px;
	font-size:36px
}
@media only screen and (max-width: 767px) {
.postid-1110 .post-footer {
padding-top:30px !important
}
}
.postid-1110 .post-footer .bzb-sns-btn {
	padding:0
}
.postid-1110 .lp-form02 {
	display:none
}
.postid-1110 .lp-form {
	margin-top:245px
}
@media only screen and (max-width: 991px) {
.postid-1110 .lp-form {
margin-top:0
}
}
.12px{
	font-size: 12px;
}

/*# sourceMappingURL=child-style.css.map */





/* ハンバーガーアイコン */
.hamburger-menu {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  z-index: 1001;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.6); /* 半透明の白背景 */
  /* border: 2px solid #fff; */                    /* 白枠（必要に応じて変更可） */
  /* border-radius: 8px; */                        /* 任意：角丸も可 */
  display: flex;
  align-items: center;
  justify-content: center;
  /* box-shadow: 0 2px 5px rgba(0,0,0,0.2); */
}

/* ラッパー内で縦に並べる */
.hamburger-lines {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* 三本線：全体共通設定 */
.hamburger-lines span {
  display: block;
  width: 27px;
  height: 3px;
  background-color: #333;
  margin: 3px 0;
  transition: 0.4s ease;
  transform-origin: center center; /* 中心基準 */
  border-radius: 2px;
}



/* 「×」に変形するアニメーション */
.hamburger-menu.active .hamburger-lines span:nth-child(1) {
  transform: rotate(45deg);
  position: absolute;
}

.hamburger-menu.active .hamburger-lines span:nth-child(2) {
  opacity: 0;
}

.hamburger-menu.active .hamburger-lines span:nth-child(3) {
  transform: rotate(-45deg);
  position: absolute;
}

/* メインメニュー */
.nav-menu {
  position: fixed;
  top: 0;
  right: -250px;
  width: 250px;
  height: 100vh;
  background-color: #d4fbc6;
  box-shadow: -2px 0 10px rgba(0,0,0,0.1);
  transition: right 0.3s ease;
  z-index: 1000;
  padding-top: 60px;
}

/* リンクの装飾を削除 */
.nav-menu a {
  display: block;
  padding: 15px 20px;
  text-decoration: none;  /* アンダーラインを消す */
  color: #333;
  font-size: 16px;
}

.nav-menu.open {
  right: 0;
}

.nav-menu ul {
  list-style: none;
}

.nav-menu li {
  position: relative;
  border-bottom: 1px solid #bee9ae;
}

.nav-menu a {
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  color: #333;
  font-size: 16px;
}

/* サブメニュー */
.has-submenu > .submenu {
  display: none;
  background-color: #eaffe0;
}

.has-submenu.open > .submenu {
  display: block;
}

.submenu li {
  border-bottom: none;
}

.submenu a {
  padding: 12px 30px;
  font-size: 14px;
}


/* ▼ 親メニューをFlexに */
.has-submenu > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 35px;
  position: relative;
}

/* ▼ 矢印風アイコン（CSSで作る） */
.has-submenu > a::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: rotate(45deg); /* ↓ 下向きの矢印 */
  transition: transform 0.3s ease;
  margin-left: auto;
}

/* ▼ 開いたときは上向き（↑） */
.has-submenu.open > a::after {
  transform: rotate(-135deg);
}