@charset "UTF-8";

/*--------------------------------------------------------------------
スマホ調整
---------------------------------------------------------------------*/

@media screen and (min-width: 1025px) {
	.main-header .wrapper {
	}
		
/*------------------------------------*/
}

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


/*------------------------------------*/
}




@media screen and (max-width: 1210px) {
	.main-header .wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	.main-navigation ul li a {
		padding-bottom: 5px;
		padding-top: 5px;
	}
	header#masthead .desktop .wrapper {
		padding-left: 20px;
		padding-right: 20px;
		letter-spacing: 0;
	}
	ul#primary-menu li {
		line-height: 1.3;
	}
	
	body.page #ptitle,
	body.archive .page-header {
		padding-bottom: 70px;
		padding-top: 70px;
	}
	body.page #ptitle h1,
	body.archive .page-header h1.page-title {
		font-size: 2.5rem;
	}
	#wrap_about h2:first-child,
	#wrap_eb .boxA h2.type01 {
		margin-bottom: 50px;
	}
	h2.type01 {
		font-size: 2rem;
	}
	#wrap_page #wrap_about .boxC h3 {
		font-size: 1.5rem;
	}
	#wrap_eb .col01 {
		padding-top: 50px;
	}
	
/*------------------------------------*/
}

@media screen and (max-width: 1200px) {
	#wrap_contact .txtbox {
		width: 70%;
	}
	
	#wrap_eb .boxA .box,
	#wrap_eb .boxC .box {
		width: 48%;
	}
	#wrap_eb .boxA .txtbox01 h3,
	#wrap_eb .boxC .txtbox01 h3 {
		letter-spacing: 2px;
	}
	
/*------------------------------------*/
}


/*▼ハンバーガーメニュー切り替え*/
@media (max-width: 1024px) {
	.mobile-menu .top-right {
	    display: none !important;
    }
	.site .header-lay7 .header-t {
		background-color: #f5f5f5;
	}
	.mobile-menu-wrapper .header-t .wrap-right {
		margin-top: 10px;
		padding-bottom: 10px;
	}
	.site .mobile-menu-wrapper .header-t .wrap-right .top-left {
		margin-top: 10px;
	}
	.header-t .top-left {
		font-size: 16px;
	}
	.header-t .top-left span a {
		color: #333;
	}
	.style-six.site-banner .banner-caption {
		padding-right: 0;
	}
	section#about_section #custom_html-12 .textwidget {
		width: 100%;
	}
	#about_section h2.widget-title,
	#testimonial_section h2.section-title,
	#service_section h2.widget-title,
	#blog_section h2.section-title,
	#simple_cta_section h2.widget-title {
		font-size: 50px;
	}
	#banner_section .banner-caption .wrapper {
		padding: 0;
	}
	#testimonial_section .grid {
		width: 100%;
	}
	#about_section {
		margin-bottom: 40px;
		margin-top: 40px;
	}
	#about_section #custom_html-5 {
		margin-bottom: 30px;
	}
	#testimonial_section {
		padding: 40px 20px;
		margin-top: 0;
	}
	#service_section {
		padding-bottom: 40px;
		padding-top: 40px;
	}
	body.home #blog_section {
		margin-top: 40px;
		margin-bottom: 20px;
	}
	body.home #blog_section .article-wrap {
		justify-content: space-between;
	}
	body.home #blog_section .post {
		margin: 0 0 30px;
		width: 32%;
	}
	body.home #blog_section h3.entry-title {
	}
	body.home #blog_section .post .post-thumbnail img {
		object-fit: cover;
		width: 100%;
		height: 200px;
	}
	
	body.page #wrap_page .entry-content {
		padding: 0;
	}
	
	body.page #ptitle,
	body.archive .page-header {
		padding-bottom: 50px;
		padding-top: 50px;
	}
	body.page #ptitle h1,
	body.archive .page-header h1.page-title {
		font-size: 2.0rem;
	}
	h2.type01 {
		font-size: 1.8rem;
	}
	
	#wrap_about .boxA .ph,
	#wrap_about .boxA .txtbox,
	#wrap_about .boxB .box,
	#wrap_about #voice .box {
		width: 100%;
	}
	#wrap_about .boxA .ph,
	#wrap_about .boxB .box,
	#wrap_about #voice .box {
		margin-bottom: 30px;
	}
	#wrap_about .boxA .txt {
		padding-bottom: 30px;
	}
	#wrap_about .boxB {
		margin-bottom: 20px;
	}
	
	#wrap_person .subtxt,
	#wrap_corp .subtxt {
		margin-bottom: 20px;
	}
	
	#wrap_person .boxA,
	#wrap_person .boxC {
		margin-bottom: 50px;
	}
	
	.lesson .wrap {
		padding: 50px 40px 30px;
	}
	.lesson .ph {
		width: 30%;
	}
	.lesson .txt {
		width: 69%;
	}
	.lesson .wrap h3 {
		margin-bottom: 40px;
		font-size: 1.4rem;
		letter-spacing: 0;
	}
	#wrap_person .boxB .detail .flex,
	.detail .flex {
		width: 100%;
	}
	#wrap_person .boxB .detail .flex .ph,
	#wrap_person .boxB .detail .flex .txtbox,
	#wrap_corp .detail .flex .txtbox,
	#wrap_corp .detail .flex .ph {
		width: 100%;
	}
	#wrap_corp .detail .flex {
	}
	#wrap_corp .detail .flex .ph {
		margin-bottom: 20px;
	}
	
	#wrap_person .boxB .detail .flex .ph {
		margin-top: 20px;
	}
	
	#wrap_person .stepbox {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 20px;
	}
	#wrap_person .stepbox .flex {
		display: block;
	}
	#wrap_person .stepbox .box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
		align-items: center;
	}
	#wrap_person .stepbox .icon {
		width: 25%;
		padding-left: 0;
		margin-bottom: 0;
	}
	#wrap_person .stepbox .combox {
		width: 70%;
		text-align: left;
	}
	#wrap_person .boxB .stepbox h5 {
		text-align: left;
		margin: 0 0 10px;
	}
	#wrap_person .boxC .tokuten .flex .box {
		width: 49%;
		margin-bottom: 20px;
	}
	#wrap_person .boxC .tokuten .ph {
		margin-bottom: 0;
	}
	#wrap_person .boxD .detail .flex {
		margin-bottom: 20px;
	}
	#wrap_person .boxD .lesson .txt {
		width: 54%;
	}
	
	#wrap_corp .lesson .txt,
	#wrap_corp .lesson .ph {
		width: 100%;
	}
	#wrap_corp .lesson .txt {
		margin-bottom: 20px;
	}
	
	#wrap_contact .formarea table {
		overflow: hidden;
	}
	#wrap_contact .formarea th,
	#wrap_contact .formarea td {
		width: 100%;
		float: left;
	}
	#wrap_contact .formarea th {
		padding-bottom: 10px;
	}
	#wrap_contact .formarea td {
		padding-top: 0;
	}
	#wrap_contact .txtbox {
		width: 100%;
	}
	
	
	#wrap_eb .flex {
		display: block;
	}
	#wrap_eb .col01 {
		padding-bottom: 40px;
	}
	#wrap_eb .col02 {
		padding-bottom: 20px;
		padding-top: 40px;
	}
	#wrap_eb .boxA .box,
	#wrap_eb .boxC .box,
	#wrap_eb .boxD .flex .ph,
	#wrap_eb .boxD .flex .txt,
	#wrap_eb .boxE .box,
	#wrap_eb #conctarea .box {
		width: 100%;
	}
	#wrap_eb .boxA .col01 h3 {
		letter-spacing: 0;
	}
	#wrap_eb .boxA .col01 h3 br,
	#wrap_eb .boxA h3 br {
		/*display: none;*/
	}
	#wrap_eb .boxA .txtbox01 .txt,
	#wrap_eb .boxA .col02 .txtbox02 {
		margin-bottom: 20px;
	}
	#wrap_eb .boxA .col02 .txtbox02 h3 {
		margin-top: 0;
	}
	#wrap_eb .boxB {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	#wrap_eb .boxB .flex .box {
		width: 80%;
		margin: 0 auto 20px;
	}
	#wrap_eb .boxC .txtbox01 .txt {
		margin-bottom: 20px;
	}
	#wrap_eb .boxD .flex .ph,
	#wrap_eb .boxE .txtbox01 {
		margin-bottom: 20px;
	}
	
	#wrap_eb #conctarea {
		padding: 50px;
	}
	#eb_top {
		margin-bottom: 40px;
	}
	#wrap_eb #conctarea h2 {
		font-size: 2.4rem;
	}
	#wrap_eb #conctarea h3 {
		font-size: 2rem;
	}
	#wrap_eb #conctarea h4 {
		font-size: 1.2rem;
	}
	#wrap_eb #conctarea .btnbox .inner {
		font-size: 18px;
	}
	#wrap_eb #conctarea .wrapper {
		padding: 0;
	}
	
	
/*--- 1024px ---------------------------------*/
}

@media (max-width: 1000px) {
	.cryout #nav-toggle {
		display: block;
	}
	#gnavarea {
		display: none;
	}
	
/*------------------------------------*/
}

@media (max-width: 767px) {
	.widget {
		margin-bottom: 30px;
	}
	#about_section h2.widget-title,
	#testimonial_section h2.section-title,
	#service_section h2.widget-title,
	#blog_section h2.section-title,
	#simple_cta_section h2.widget-title {
		font-size: 40px;
	}
	
	body.home #blog_section .article-wrap {
		flex-wrap: wrap;
	}
	body.home #blog_section .post {
		width: 48%;
	}
	body.home #blog_section .post .post-thumbnail img {
		object-fit: cover;
		width: 100%;
		height: 250px;
	}
	
	.lesson .wrap {
		margin-bottom: 30px;
	}
	.lesson .flex {
		display: block;
	}
	#wrap_person .boxC .tokuten .flex {
		display: flex;
	}
	.lesson .txt,
	.lesson .ph,
	#wrap_person .boxD .lesson .txt,
	#wrap_person .boxD .lesson .ph {
		width: 100%;
	}
	#wrap_person .boxB .lesson .ph,
	#wrap_person .boxC .lesson .ph,
	#wrap_person .boxD .lesson .ph {
		margin-top: 20px;
	}
	#wrap_person .boxD .detail .flex .txtbox {
		width: 73%;
	}
	#wrap_person .boxD .detail .flex .ph {
		width: 25%;
	}
	
	#wrap_staff .flex {
		display: block;
	}
	#wrap_staff .flex .ph,
	#wrap_staff .flex .txtbox {
		width: 100%;
	}
	#wrap_staff .flex .ph {
		margin-bottom: 20px;
	}
	#wrap_staff .namebox {
		text-align: center;
	}
	#wrap_staff .namebox h3 {
		font-size: 1.5rem;
	}
	#wrap_staff .boxA {
		margin-bottom: 50px;
	}
	
	#wrap_privacy h3 {
		margin-top: 30px;
	}
	
	.single.style1 .site-main article > .entry-header .entry-title {
		font-size: 1.6rem;
	}
	
/*--- 767px ---------------------------------*/
}

@media (max-width: 580px) {
	#wrap_eb #conctarea {
		padding-left: 20px;
		padding-right: 20px;
	}

/*------------------------------------*/
}

@media (max-width: 540px) {
	.site-content {
		margin-bottom: 20px;
	}
	#banner_section .banner-caption h2.banner-title {
		font-size: 1.8rem;
	}
	#about_section .flex,
	body.home #blog_section .article-wrap {
		display: block;
	}
	#about_section .box,
	body.home #blog_section .post {
		width: 100%;
	}
	#about_section .box:first-child {
		margin-bottom: 30px;
	}
	#testimonial_section .grid {
		padding-left: 30px;
		padding-right: 30px;
	}
	#service_section #custom_html-7 {
		margin-bottom: 30px;
	}
	body.home #blog_section h3.entry-title {
	}
	body.home #blog_section .post .post-thumbnail img {
		object-fit: cover;
		width: 100%;
		max-height: 300px;
		height: 100%;
	}
	footer#colophon .top-footer .grid {
		display: block;
	}
	footer#colophon .top-footer {
		padding-bottom: 10px;
		padding-top: 30px;
	}
	.bottom-footer {
		padding: 10px;
	}
	#banner_section .banner-caption .b-content .Ltxt {
		line-height: 1.5;
	}
	#topstaff .box h3,
	#topstaff .box h4 {
		margin-bottom: 0;
	}
	
	body.page #ptitle, body.archive .page-header {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	body.page #ptitle h1,
	body.archive .page-header h1.page-title {
		font-size: 1.6rem;
	}
	h2.type01 {
		font-size: 1.5rem;
		margin-bottom: 30px;
	}
	.lesson .wrap h3 {
		font-size: 1.3rem;
	}
	#wrap_about .boxA .txtbox .title {
		letter-spacing: 2px;
		margin-bottom: 10px;
		line-height: 1.5;
	}
	#wrap_about .boxA .txt {
		letter-spacing: 1px;
		font-size: 105%;
	}
	#wrap_about .boxB .sub {
		margin-bottom: 15px;
		letter-spacing: 0;
	}
	h3,
	#wrap_about .boxB .box h3,
	#wrap_page #wrap_about .boxC h3,
	#wrap_eb .boxA .txtbox01 h3,
	#wrap_eb .boxC .txtbox01 h3 {
		font-size: 1.25rem;
		letter-spacing: 0;
	}
	#wrap_page #wrap_about .boxC h3 {
		margin-top: 30px;
	}
	#wrap_about .boxB .box {
		padding-top: 30px;
	}
	#wrap_about .boxA .ph,
	#wrap_about .boxB .box,
	#wrap_about #voice .box {
		margin-bottom: 20px;
	}
	
	#wrap_person .subtxt,
	#wrap_corp .subtxt {
		font-size: 1.1rem;
	}
	
	#wrap_person .stepbox .box,
	#wrap_person .boxC .tokuten .flex,
	#wrap_person .boxD .detail .flex {
		display: block;
	}
	#wrap_person .stepbox .icon {
		width: 60%;
		margin: 0 auto 10px;;
		padding: 0;
	}
	#wrap_person .stepbox .combox,
	#wrap_person .boxC .tokuten .flex .box {
		width: 100%;
		text-align: center;
	}
	#wrap_person .boxB .stepbox h5 {
		text-align: center;
	}
	#wrap_person .boxD .detail .flex .txtbox {
		width: 100%;
		margin-bottom: 20px;
	}
	#wrap_person .boxD .detail .flex .ph {
		display: none;
	}
	
	#wrap_eb .boxA .txtbox01 .txt,
	#wrap_eb .boxC .txtbox01 .txt {
		font-size: 100%;
		line-height: 1.7;
		letter-spacing: 0;
	}
	#wrap_eb .boxB .flex .box {
		width: 100%;
	}
	#wrap_eb #conctarea .com {
		width: 100%;
	}
	#wrap_eb #conctarea .btnbox .inner {
		display: block;
		padding-left: 10px;
		padding-right: 10px;
	}

/*--- 540px ---------------------------------*/
}


@media (max-width: 440px) {
	h2.type01,
	h2 {
		font-size: 1.4rem;
		line-height: 1.2;
	}
	.ftstyle {
		font-size: 110%;
	}
	#wrap_person .stepbox h4,
	#wrap_person .tokuten h4 {
		font-size: 1.2rem;
	}
	
	#testimonial_section .grid {
		padding-left: 20px;
		padding-right: 20px;
	}
	#wrap_about .boxA .txt {
		padding-left: 0;
	}
	.lesson .wrap {
		padding: 30px;
	}
	#wrap_page .detail .flex .txtbox ul li {
		line-height: 1.5;
		font-size: 105%;
	}
	#wrap_person .subtxt,
	#wrap_corp .subtxt {
		font-size: 100%;
	}
	#wrap_person .stepbox {
		padding: 30px 20px 20px;
	}
	#wrap_staff .namebox {
		margin-bottom: 20px;
	}
	
	#wrap_eb #conctarea h2 {
		font-size: 2rem;
	}
	#wrap_eb #conctarea h3 {
		font-size: 1.8rem;
	}
	#wrap_eb #conctarea h4 {
		font-size: 1.1rem;
		letter-spacing: 0;
	}
	#wrap_page #wrap_eb .boxA .col02 .txtbox02 ul li {
		display: block;
	}

/*------------------------------------*/
}