/* attention */ 

.attention {
	margin: 40px 100px
}

.attention-content {
	width: 800px;
	margin: 0 auto;
}

	/* 768px以下の指定 */
	@media only screen and (max-width: 768px) {
		.attention {
	margin: 40px 10px
}
		.attention-content {
	width: 100%;
	margin: 30px auto 0;
}
}	
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:100,300,400,500,700,800,900&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&subset=cyrillic,japanese');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700');
.wpcf7 textarea[name="your-message"] {
        height: 350px !important;
}
.site-logo-div img {
	width: 60%;
	height: 60%;
}
p {
	margin:0;
}
.contact {
	width: 100;	
}
.total_wrap {
	box-sizing: border-box;
  width: 80%;
	margin-left:20%;
}
.content_wrap {
	width: 80%;
	margin: 0 auto;
	position: relative;
}
.clear:after {
	content: "";
	display: table;
	clear: both;
}


.margintop-40px {
	margin-top: 40px;
}

.margintop-80px {
	margin-top: 80px;
}

p.center {
	text-align: center;
}

p.fontsize-24px {
	font-size: 24px;
}

p.red {
	color: #C72632;
}

.price p {
	text-align: center;
	font-size: 0.8em;
}

.price p.small {
	font-size: 12px;
}

.orange_box {
	background: #ffdca6;
	color: #755b5e;
	padding: 1em 4%;
	margin: 40px 2%;
	border: 2px solid #faaa54;
	border-radius: 1em;
	padding-top: 0;
	padding-bottom: 0;
}

.title_orange span {
	position: relative;
	top: -0.7em;
	padding: 0.1em 0.7em;
	background:#faaa54;
	color: #ffffff;
	font-weight: bold;
	border-radius: 0.2em;
	display: inline-block;
	vertical-align: bottom;
}

.title_blue span {
	position: relative;
	top: -0.7em;
	padding: 0.1em 0.7em;
	background:#4194C2;
	color: #ffffff;
	font-weight: bold;
	border-radius: 0.2em;
	display: inline-block;
	vertical-align: bottom;
}


.blue_box {
	background: #e4f0f7;
	padding: 1em 4%;
	margin: 40px 2%;
	border: 2px solid #4194C2;
	border-radius: 1em;
	padding-top: 0;
	padding-bottom: 0;
}

.orange_box ul, .blue_box ul {
	margin-top: 0;
}

.margintop-80px {
	margin-top: 80px !important;
}

.flex {
	display: flex;
}

@media only screen and (max-width: 768px) {
.total_wrap {
	width: 100%;
	margin-left: 0;
	margin-top: 80px;
}
	.none {
		display:none;
	}
	
	.price {
		margin-top: 40px;
	}
	
	.flex {
		flex-direction: column;
	}
	
	#nav-toggle span,#nav-toggle span:before, #nav-toggle span:after {
		background: #3b5998;
	}
	
	#nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after {
    background: #3b5998;
}
}



/* フロート */
	.float_l {
		float: left;
	}
	.float_r {
		float: right;
	}



/* 文字設定 */
	.red_title {
		font-size: 20px;
		color: #C72632;
		line-height:26px;
		font-weight: bold;
		margin-bottom:10px;
		margin-top: 30px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}
	.orange_title {
		font-size: 20px;
		color: #F1A555;
		line-height:26px;
		font-weight: bold;
		margin-bottom:10px;
		margin-top: 30px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}
	.text {
		font-size: 14px;
		color: #08217F;
		line-height:18px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}

 .td-color {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(80%,transparent),color-stop(0,#f8e81c));
    background: linear-gradient(transparent 80%,#f8e81c 0);
    font-weight: 700;
}

/* ボーダー */
	.border_r {
		border-right: 1px solid #08217F;
	}
	.border {
		border-right:3px dotted #ddd;
		border-left:3px dotted #ddd;
	}
	.border_l{
		border-left:3px dotted #ddd;
	}



/* 申込ボタン */
	.btn {
		width: 300px;
		height: 70px;
		position:relative;
		left: 50%;
		margin-top: 80px;
		-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
		background: #08217F;
		border-radius: 10px;
		text-align: center;
		color: #fff;
		font-size: 22px;
		line-height:50px;
		font-weight: bold;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}
/* ページごとの青色背景タイトル */
	.page_title_bg {
		height: 300px;
		width: 100%;
		background-image: url("http://engstartup-com.check-xserver.jp/wp-content/uploads/2019/04/top1_bg.png");
	}
	.page_title {
		color: #fff;
		font-size: 50px;
		padding-top: 160px;	
		font-weight: bold;
		font-family: 'Kosugi Maru', sans-serif;
	}
/* コンテンツタイトル */
	.content_title{
		margin: 80px 0 50px 0;
		color: #08217F;
		font-size:70px;
		text-align:center;
		font-weight: bold;
		font-family: 'Kosugi Maru', sans-serif;
		letter-spacing:5px;
	}
	.japanese_title {
		font-size: 50px;

	}



/* TOPページ start */
.top_bg {
	position:relative;
background:url("http://engstartup-com.check-xserver.jp/wp-content/uploads/2019/04/top1_bg.png");
	padding-top:50px;
	text-align:center;
	border-bottom:10px solid #08217F;
}
.top_bg img {
	width: 100%;
	margin-bottom:-2px;
}
.top2 {
	background: #aaa;
	padding:70px 0;
}
.top2_box {
	background:#fff;
	width:80%;
	border-radius:30px;
	display:flex;
}
.top2_box img {
	width:50%;
	height:50%;
	padding:50px 20px 0 30px;
}
.top3 {
	background-color: #F9F8D7;
	text-align: center;
	display:flex;
	padding-bottom:90px;
}
.top3_left {
	padding: 0 30px;
	width: calc(100%/3);
}
.top3_left img{
	-webkit-transform: scale(.9);
 	transform: scale(.9);
	-webkit-transition: .3s ease-in-out;
 	transition: .3s ease-in-out;
}
.top3_left:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.top3_center {
	width: calc(100%/3);
	padding: 0 30px;
	margin-top:-20px;
	border-right: #fff 1px solid;
	border-left: #fff 1px solid;
}
.top3_center img{
	-webkit-transform: scale(.9);
 	transform: scale(.9);
	-webkit-transition: .3s ease-in-out;
 	transition: .3s ease-in-out;
}
.top3_center:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.top3_right {
	width: calc(100%/3);
	padding: 0 30px;
	margin-top:-70px;
}
.top3_right img{
	-webkit-transform: scale(.9);
 	transform: scale(.9);
	-webkit-transition: .3s ease-in-out;
 	transition: .3s ease-in-out;
}
.top3_right:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.top4 {
	width: 100%;
	background-color: #08217F;
	display:flex;
	color: #fff;
	font-size: 16px;
	padding-bottom:50px;
}
.top4_img {
	width:30%;
	position:relative;
	left:35%;
	top:-50px;
}
.top4_left {
	width: calc(100%/3);
	height: 170px;
	padding-right: 35px;
	line-height: 33px;
	line-height: 20px;
	font-size:14px;
}
.top4_center {
	width: calc(100%/3);
	height: 170px;
	padding-right: 10px;
	font-size:14px;
	line-height: 20px;
	border-right: #273D91 1px solid;
	border-left: #273D91 1px solid;
}
.top4_right {
	width: calc(100%/3);
	line-height: 20px;
	font-size:14px;
}
.top5 {
	width: 100%;
	display:flex;
	padding-top:80px;
	margin-top: 5%;
}
.top5 img {
	width: 70%;
	float:left;
	position:absolute;
	bottom:-2px;
}
.top5_btn {
		float:right;
		width: 25%;
		height: auto;
		margin: 20px 0 90px 0 ;
		background: #fff;
		border-radius: 20px;
		text-align: center;
		line-height:83px;
		font-weight: bold;
		border: #273D91 5px solid;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	-webkit-transition: .3s ease-in-out;
 	transition: .3s ease-in-out;
}
.top5_btn a{
		display:block;
		color: #273D91;
		font-size: 22px;
		text-decoration:none;
}
.top5_btn:hover{
	background-color:#F9F8D7;
}
.top6 {
	text-align: center;
	padding: 100px 0;
	background-color: #4398C5;
	border-top: #08217F 10px solid;
	margin:0;
}
.top6_btn {
		width: 40%;
		height: 90px;
		position:relative;
		left: 30%;
		margin-top: 90px;
		background: #B63848;
		border-radius: 20px;
		text-align: center;
		line-height:83px;
		font-weight: bold;
		border: #273D91 5px solid;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	-webkit-transition: .3s ease-in-out;
 	transition: .3s ease-in-out;
}
.top6_btn a{
		display:block;
		color: #fff;
		font-size: 22px;
		text-decoration:none;
}
.top6_btn:hover{
	background-color:#273D91
}
@media only screen and (max-width: 768px) {
	.top_bg {
	padding-top:20px;
	border-bottom:4px solid #08217F;
}
.top_bg img {
	width: 100%;
	margin-bottom:-2px;
}
.top2 {
	padding:20px 0;
}
.top2_box {
	width:90%;
	border-radius:10px;
	display:block;
	padding:20px;
	text-align:center;
}
.top2_box img {
	width:100%;
	height:100%;
	padding:0 20px 0 0;
}
.top3 {
	padding-bottom:50px;
}
.top3_left {
	margin-top:50px;
	padding: 0;
	width: 100%;
}
.top3_left img{
	-webkit-transform: scale(1);
 	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
 	transition: .3s ease-in-out;
}
.top3_left:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.top3_center {
	margin-top:50px;
	width: 100%;
	padding: 0;
	border:none;
}
.top3_center:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.top3_right {
	width: 100%;
	padding: 0;
	margin-top:50px;
}
.top3_right:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.top4 {
	width: 100%;
	background-color: #08217F;
	display:flex;
	color: #fff;
	padding-bottom:50px;
}
.top4_img {
	width:80%;
	position:relative;
	left:10%;
	top:-30px;
}
.top4_left {
	width: 100%;
	height: auto;
	padding-right: 0;
	line-height: 14px;
	font-size:10px;
}
.top4_center {
	width: 100%;
	height: auto;
	padding:20px 0;
	margin:0;
	font-size:10px;
	line-height: 14px;
	border-right: none;
	border-left: none;
	border-bottom: #273D91 1px solid;
	border-top: #273D91 1px solid;
}
.top4_right {
	width: 100%;
	line-height: 14px;
	font-size:10px;
}
.top5 {
	display:flex;
	flex-direction:column;
	padding-top:0;
}
.top5 img {
	width: 100%;
	float:none;
	position:relative;
	top:30px;
	bottom:0;
}
.top5_btn {
		float:none;
		width: 100%;
		height: auto;
		margin:28px 0 30px 0 ;
}
.top6 {
	padding: 50px 0;
	border-top: #08217F 5px solid;
}
.top6_btn {
		width: 100%;
		height: 70px;
		left: 0;
		margin-top: 20px;
		line-height:60px;
		font-weight: bold;
		border: #273D91 5px solid;
		font-family: 'M PLUS Rounded 1c', sans-serif;
}
.top6_btn a{
		color: #fff;
		font-size: 18px;
}
}
/* TOPページ end */



/* レッスンプラン start */
.plan_caption .flex {
	display: flex;
	position: relative;
} 
.plan_caption .flex .plan_btn {
	margin: 0 auto;
    width: 20%;
    height: 70px;
    margin-bottom: 30px;
    border-radius: 15px;
    line-height: 65px;
    text-align: center;
    background: #fff;
    font-weight: bold;
    border: #273D91 3px solid;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

/* キャンペーン */
.campaign {
	margin: 40px 0;
 font-family: 'M PLUS Rounded 1c', sans-serif;
}

.campaign .campaign-title {
	font-size: 2em;
	margin: 0 auto;
	text-align: center;
	color: #C72632;
	font-weight: bold;
}

.campaign .campaign-content {
	margin: 0 auto;
	text-align: center;
}
.sp_br {
	display: none;
}
	/* 左右に分割 */
	.plan { width: 50%; }
	.plan img {
		width: 80%;
		margin-left:8%;
	}
	/* リスト */
	ul.text{ margin:0; }
	ul.text li 
	{ margin:0 0 0 20px; }
	/* アイコンを等幅に並べる */
	.plan_icon {
		width: 100%;
		padding: 40px 0;
		display: flex;
	}
	.plan_icon img {
		width: calc(100%/5);
		height: calc(100%/5);
	}
	/* LIGHT用アイコンを等幅に並べる */
	.plan_icon_light {
		width: 100%;
		padding: 40px 0;
		display: flex;
	}
	.plan_icon_light img {
		width: calc(100%/6);
		height: calc(100%/6);
	}
	/* ３つの説明部分 */
	.plan_caption {
		width: 100%;
		height: auto;
		background-color: #F6F6D6;
		padding: 20px 0;
		display: flex;
		flex-direction:column;
	}
	.plan_caption_lettle {
		width: calc(100%/3);
		height: calc(100%/3);
		height: auto;
		padding: 0 30px;
		margin:50px 0 ;
	}

	.e_learning .plan_btn {
			width: 20%;
			height: 70px;
			margin-bottom:30px;
			position:relative;
			left:40%;
			border-radius: 15px;
			line-height:65px;
			text-align: center;
			background: #fff;
			font-weight: bold;
			border: #273D91 3px solid;
			font-family: 'M PLUS Rounded 1c', sans-serif;
		-webkit-transition: .3s ease-in-out;
 	transition: .3s ease-in-out;
	}
	.plan_btn a{
			color: #273D91;
			font-size: 16px;
			text-decoration:none;
			display:block;
	}
	.plan_caption .flex .plan_btn:hover{
			background: #B7DEF3;
	}
	.e_learning .plan_btn:hover{
			background: #B7DEF3;
	}

	/* 768px以下の指定 */
	@media only screen and (max-width: 768px) {
		.sp_br {
	display: block;
}
		
	.plan { width: 100%; }
	.plan img {
		width: 100%;
		margin-bottom:20px;
		margin-left:0;
	}
		
	.plan_caption .flex {
	flex-direction: column;
} 
	.plan_caption .flex .plan_btn {
    width: 80%;
}
	/* リスト */
	ul.text{ margin-bottom: 40px }
	/* アイコンを等幅に並べる */
	.plan_icon {
		width: 100%;
		display: block;
	}
	.plan_icon img {
		width: 33%;
		float:left;
		margin: 10px 0;
	}
	/* LIGHT用アイコンを等幅に並べる */
	.plan_icon_light {
		width: 100%;
		display: block;
	}
	.plan_icon_light img {
		width: 33%;
		float:left;
		margin: 10px 0;
	}
	/* ３つの説明部分 */
	.plan_caption {
		height: auto;
		padding: 30px 0 40px 0;
		margin-top: 40px;
		border-bottom:8px solid #08217F;
	}
	.plan_caption_lettle {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		float:none;
		border:none;
	}
	/* 文字設定 */
	.red_title {
		font-size: 18px;
		line-height: 22px;
		margin-top: 30px;
	}
	.orange_title {
		font-size: 18px;
		line-height:22px;
		margin-top: 30px;
	}
	.text {
		font-size: 12px;
		line-height:18px;
		margin: 0 0 0 10px;
	}
	/* コンテンツタイトル */
	.content_title{
		margin: 50px 0;
		font-size:50px;
	}
	/* ページごとの青色背景タイトル */
	.page_title_bg { 
		height: 150px;
		border-bottom:8px solid #08217F;
	}
	.page_title {
		font-size: 30px;
		padding-top: 50px;	
		text-align:center;
	}
	 br {
    display: none;
  }
	.e_learning .plan_btn {
			width: 80%;
			margin:30px 0;
			left:10%;
	}
	}
/* レッスンプラン end */



/* e-learning start */
	.learning_page{
		margin-bottom:40px;
	}
	.learning_page .free{
		width:22%;
	}
	.learning_page .red_title{
		margin-top:10px;
		font-size:18px;
	}
	.learning_page .arrow{
		width: calc(12%/3);
		position:relative;
		top:-130px;
	}
	.learning_page .text{
		width:50%;
		margin-left:25%;	
	}
	.learning_box {
		width:50%;
		margin:80px 0 50px 25%;	
	}
	.price {
		font-size:30px;
		margin-bottom:30px;
	}
	.learning_box .plan_btn {
			width: 50%;
			height: 70px;
			margin:50px 0 100px 0;
			left:25%;
	}

.paypal, .paypal tr, .paypal tr td {
	border: 0px;
} 

.paypal {
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-width:780px){
	.learning_page{
		margin-bottom:30px;
	}
	.learning_page .free{
		width:100%;
	}
	.learning_page .free img {
		width:80%;
		margin-left:10%;
	}
	.learning_page .red_title{
		margin-top:0px;
		font-size:18px;
	}
	.learning_page .arrow{
		display:none;
	}
	.learning_page .text{
		float:left;
		width:100%;
		margin-left:0;	
	}
	.learning_box {
		width:100%;
		margin:80px 0 50px 0%;	
	}
	.learning_box .text{
		margin:0 0 10px 0;
	}
	.learning_box .plan_btn {
		width: 100%;
		margin:30px 0 100px 0;
		left:0%;
		background-color:#F9F8D7;
	}
}
/* e-learning end */



/* 初めての方へ start */
	.profile {
		width:100%;
		margin-left:-13%;
		border: 2px dotted #08217F;
		padding: 70px 5% 50px 5%;
		margin-top: 80px;
		color: #08217F;
		background-color: #fff;
		display: flex;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		position: relative;
		z-index: 1;
		border-radius:20px;
	}
	/* 写真サイズ */
	.profile img { width:100%; }
	/* 左部分 プロフィール */
	.profile_l {
		width: 33%;
		padding-right: 5%;
		font-size: 10px;
		line-height: 14px;
	}
	/* 代表 */
	.profile_l_text1 {
		font-size: 16px;
		font-weight: bold;
		margin: 40px 0 0 0;
		letter-spacing: 4px;
	}
	/* 朝妻拓海 */
	.profile_l_text2 {
		font-size: 24px;
		font-weight: bold;
		margin: 12px 0 18px 0;
		letter-spacing: 8px;
	}
	/* 右部分 コメント */
	.profile_r {
		width: 67%;
		border-left: 2px dotted #08217F;
		padding-left: 3%;
		font-size: 12px;
		margin-top: 130px;
		line-height: 18px;
	}
	.textbox {
		width: 50%;
		padding: 0 2%;
	}
	/* コメント 最後の1文 */
	.profile_text {
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
	}
	/* 630 */
	.text630 {
		position: absolute;
		font-size: 150px;
		font-weight: bold;
		color: #C72632;
		opacity: .6;
		top: -20px;
		left: 20%;
		float: left;
	}
.text630_n {
		display:none;
}
	/* ENG STARTUP とは */
	.what_eng {
		width: 100%;
		background: #F9F8D7;
		display: flex;
		position: relative;
		padding: 200px 0 80px 0;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		margin-top: -200px;
	}
	/* 説明box */
	.what_eng_text {
		width: 100%;
		background: #fff;
		padding: 40px 5% 60px 5%;
		display: flex;
		flex-direction: column;
		margin-top:40px;
		border-radius:20px;
	}
	/* 3分割 */
	.what_eng_text_bottom {
		width: calc(100%/3);
		padding: 0 2%;
		margin-top: 50px;

	}
	.what_eng_btn_2:hover ~ .what_eng_2 {
		opacity: 1;
	}
	.what_eng_btn_3:hover ~ .what_eng_3 {
		opacity: 1;
	}
	/* 受講生の割合 */
	.ratio {
		width: 100%;
		margin: 100px 0;
		display: flex;
	}
	.ratio img {
		width: calc(100%/2);
		height: calc(100%/2);
	}
/* 無料カウンセリングの流れ */
	.counseling {
		display:flex;
		flex-direction: column;
	}
	.counseling_bg {
		background: #F9F8D7;
		padding-bottom: 50px;
	}
	.free {
		width: 29%;
		padding: 0 3%;
	}
	.free .red_title {
		text-align: center;
		margin-top: -30px;
	}
	.arrow {
		width: 6%;
		margin-top: 200px;
	}
	.counseling .red_title {
		margin-top:0;
	}
	.counseling .top6_btn {
		margin: 40px 0 50px 5%;
	}
	/* 独学はやめましょう */
	.study_bg_1 {
		background: #4290BA;
		width: 100%;
		padding: 100px 0;
		margin-top: -14px;
	}
	.study_box {
		width: 100%;
		background: #fff;
		border-radius: 30px;
		display: flex;
		flex-direction: column;
		padding: 80px 0% 50px 7%;
		position: relative;
	}
	.study_box img {
		width: 40%;
		position: absolute;
		bottom: -3px;
		right: 1%;
	}
	.study_text_box {
		margin-top: 50px;
		width: 50%;
	}
	.border_b {
		width: 430px;
		font-size: 50px;
		line-height: 30px;
		letter-spacing: 3px;
		text-align: left;
		border-bottom: solid #F1A555 15px;
		margin: 15px 0;
	}
@media screen and (max-width:780px){
		.profile {
		width:80%;
		border: none;
		display:flex;
		flex-direction: column;
		padding: 0;
		margin-left:10%;
	}
	/* 写真サイズ */
	.profile img {
		width:100%;
		margin-bottom: 10px;
		padding: 10%;
	}
	/* 左部分 プロフィール */
	.profile_l {
		width: 100%;
		padding-right: 0;
	}
	/* 代表 */
	.profile_l_text1 {
		margin: 0;
		padding-top:16px;
		float:left;
	}
	/* 朝妻拓海 */
	.profile_l_text2 {
		width:100%;
		margin-bottom: 14px;
	}
	/* 右部分 コメント */
	.profile_r {
		width: 100%;
		border-top: 2px dotted #08217F;
		border-left: none;
		padding-left: 0;
		margin-top: 30px;
		padding-top: 30px;
	}
	.textbox {
		width: 100%;
	}
	/* コメント 最後の1文 */
	.profile_text {
		font-size: 16px;
		line-height: 20px;
	}
	/* 630 */
	.text630 {
		display: none;
	}
	.text630_n {
		display:block;
		font-size: 40px;
		font-weight: bold;
		color: #C72632;
		opacity: .6;
		margin:20px 0 ;
}
	/* ENG STARTUP とは */
	.what_eng {
		display: flex;
		padding: 0px 0 80px 0;
		margin-top: 50px;
	}
	.what_eng .content_title{
		font-size:30px;
		letter-spacing:2px;
	}
	/* 説明box */
	.what_eng_text {
		width: 100%;
		background: #fff;
		padding: 60px 8%;
		display: flex;
		position: relative;
		flex-direction: column;
		margin-left:0;
	}
	.whateng{
		font-size:20px;
		line-height:26px;
	}
	/* 3分割 */
	.what_eng_text_bottom {
		width: 100%;
		padding: 0 2%;
		margin-top: 20px;
		border:none;
	}
	.what_eng_btn_2:hover ~ .what_eng_2 {
		opacity: 1;
	}
	.what_eng_btn_3:hover ~ .what_eng_3 {
		opacity: 1;
	}
	/* 受講生の割合 */
	.ratio {
		width: 100%;
		margin: 20px 0 70px 0;
		display: flex;
		flex-direction: column;
	}
	.ratio .border_r {
		border: 0;
	}
	.ratio img {
		width: 100%;
		margin-top:50px;
	}
/* 無料カウンセリングの流れ */
	.counseling {
		display:flex;
		flex-direction: column;
	}
	.japanese_title{
		font-size:30px;
		margin-bottom:0;
		letter-spacing:0;
	}
	.counseling_bg {
		padding-bottom: 30px;
	}
	.free {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.arrow {
		transform: rotate(90deg);
		width:30%;
		position:relative;
		left:35%;
		margin: 30px 0 0 0;
	}
	.counseling .top6_btn {
		width:90%;
	}
	/* 独学はやめましょう */
	.study_bg_1 {
		padding: 30px 0;
	}
	.study_bg_1 .content_wrap {
		width:90%;
	}
	.study_box {
		padding: 50px 10% 30px 10%;
	}
	.study_box img {
		display:none;
	}
	.study_text_box {
		margin: 30px 0 0 0;
		width: 100%;
	}
	.border_b {
		width:90%;
		font-size: 22px;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: left;
		border-bottom: solid #F1A555 6px;
		margin: 7px 0;
	}
}
/*  初めての方へ end */



/*  プログラムの特徴 start */
.program_bg {
	background-color: #F9F8D7;
	margin:0;
	width:100%;
	display:flex;
	padding:80px 0;
}
.program_box {
	background:#fff;
	padding:50px;
}
.p_textbox_big {
	width: 66%;
	padding:0 2%;
	margin-top:20px;
}
.p_textbox {
	width: calc(100%/3);
	padding:0 2%;
	margin:20px 0;
}
@media screen and (max-width:780px){
.program_bg {
	padding:30px 0;
}
.program_box {
	width:85%;
	padding:7%;
	margin:auto;
	border-radius:10px;
}
.p_textbox_big {
	width: 100%;
	padding:0 2%;
	margin:20px 0 20px 0;
}
.program_box .border {
	border-left:none;
	border-right:none;
}
.program_box .border_l{
	border-left:none;
}
.p_textbox {
	width: 100%;
	padding:0;
	margin:10px 0;
	border-top:3px dotted #ddd;
}
}
/*  プログラムの特徴 end */



/* 受講生の声 start */
	.voice_btn {
		width: calc(100%/3);
		display:block;
}
	.voice_btn img{
		height: auto;
		width: 100%;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.voice_btn:hover img {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	.voice2 {
		text-align: center;
		padding-top: 120px;
		margin-top: 450px;
		background-image: url("http://engstartup-com.check-xserver.jp/wp-content/uploads/2019/04/voice_bg.png");
	}
	.voice2 img {
		width: 80%;
	}
	.voice3 {
		text-align: center;
		padding-top: 120px;
	}
	.voice3 img {
		width: 80%;
	}
	.voice4 {
		text-align: center;
		padding-top: 120px;
		background-image: url("http://engstartup-com.check-xserver.jp/wp-content/uploads/2019/04/voice_bg.png");
	}	
	.voice4 img {
		width: 80%;
	}
	/* 768px以下の指定 */
	@media only screen and (max-width: 768px) {
	.voice_btn { margin-top:15px; }
	.voice_btn img{
		-webkit-transform: scale(1.2);
		transform: scale(1.3);
	}
	.voice2 {
		padding-top: 50px;
		margin-top: 200px;
	}
	.voice2 img {
		width: 95%;
	}
	.voice3 img {
		width: 95%;
	}
	.voice4 img {
		width: 95%;
	}
	.voice3 {
		padding-top: 40px;
	}	
	.voice4 {
		margin-top:-5px;
		padding-top: 40px;
	}	
}
/* 受講生の声 end */




/* インタビュー start */
	.interview {
		margin:100px auto;
	}
	.interview_img {
		width:80%;
		margin-left:15%;
	}
	.interview .orange_title{
		font-size:16px;
		margin-top:10px;
	}
	.interview_box{
		width: calc(100%/3);
		padding:0 1%;
		margin-bottom:50px;
	}
	.interview_box img{
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;}
	.interview_box img:hover{
		opacity:.5;
	}
	.wrap_bg {
		background-color:#eee;
		padding-bottom:100px;
	}
	.interview_top {
		width:100%;
	}
	.interview_top img{
		width:100%;
	}
	.interview_white {
		margin-top:-150px;
		background-color:#fff;
		padding:70px 10%;
		border-radius:20px;
	}
	.interview_topvoice .content_title{
		font-size:30px;
		letter-spacing:0;
		margin-bottom:10px;
	}
	.interview_topvoice .text{
		text-align:center;
	}
	.interview_topvoice {
		padding-bottom:140px;
		border-bottom:#eee 1px solid;
		margin-bottom:70px;
	}
	.interview_white .plan_btn {
		margin:80px 0 50px 0;
		width:40%;
		left:30%;
		}
	.interview_white .orange_title {
		margin:50px 0 20px 0;
		}
	.interview_column {
		width: 100%;
		display: flex;
	}
	.youtube {
		border-top:#eee 1px solid;
		margin-top:70px;
		padding-top:150px;
	}
	#primary {
		padding:0;
	}
	.site-content .container {
		padding:0;
		width:100%;
	}
	.entry-content {
		margin-bottom:0;
	}

.followWrap {
	height: 0px !important;
}
 
.ItemList__item+.ItemList__item {
    margin-top: 32px;
}
.CommentItem.normal, .CommentItem.reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.interview_white .takumi p {
	color: #F1A555;
}

.interview_white .guest p {
	color: #08217F;
}

.CommentItem__textContentsWrapper p.CommentItem__textContentsWrapper__name {
	color: #000;
	font-weight: bold;
}
.CommentItem.normal .CommentItem__textContentsWrapper {
    margin-left: 12px;
}
.CommentItem.reverse .CommentItem__textContentsWrapper {
    margin-right: 12px;
}
.CommentItem__textContentsWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.CommentItem.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.CommentItem__textContentsWrapper__comment {
    position: relative;
    margin-top: 8px;
    padding: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
}
.CommentItem.normal .CommentItem__textContentsWrapper__comment:before {
    left: -9px;
}
.CommentItem.reverse .CommentItem__textContentsWrapper__comment:before {
    right: -9px;
}
.CommentItem__textContentsWrapper__comment:before {
    position: absolute;
    top: -1px;
    content: "";
    border: 8px solid transparent;
    border-top-color: #dcdcdc;
    box-sizing: inherit;
    background-repeat: no-repeat;
		vertical-align: inherit;
    text-decoration: inherit;
}
.CommentItem.reverse .CommentItem__textContentsWrapper__name {
    text-align: right;
}

.CommentItem.normal .CommentItem__textContentsWrapper__comment:after {
    left: -6px;
}

.CommentItem.reverse .CommentItem__textContentsWrapper__comment:after {
    right: -6px;
}
.CommentItem__textContentsWrapper__comment:after {
    position: absolute;
    top: 0;
    content: "";
    border: 6px solid transparent;
    border-top-color: #fff;
}

@media screen and (min-width: 1010px){
.CommentItem__textContentsWrapper__name {
    font-size: 14px;
    line-height: 1.33;
}
.fw-b {
    font-weight: 700;
}
}
	@media screen and (max-width:780px){
		.interview_img {
			margin-left:5%;
			width:90%;
		}
		.interview .orange_title{
			font-size:14px;
		}
		.interview_box{
			width: 100%;
			padding:0 1%;
			margin-bottom:30px;
		}
		.interview_box img{
			width:100%;
		}
		.wrap_bg {
			padding-bottom:50px;
		}
		.interview_column {
		flex-direction: column;
		}
		.interview_white {
			margin-top:-50px;
			padding:20px 5%;
			border-radius:10px;
		}
		.interview_topvoice .content_title{
			font-size:20px;
			margin-bottom:10px;
			line-height:26px;
			text-align:left;
		}
		.interview_topvoice {
			padding-bottom:30px;
			margin-bottom:0px;
		}
		.interview_white .plan_btn {
			margin:40px 0 20px 0;
			width:80%;
			left:10%;
			}
		.interview_white .plan_btn a {
			font-size:8px;
			}
		.interview_white .orange_title {
			margin:20px 0 10px 0;
			font-size:14px;
			line-height:16px;
			}
		.youtube {
			margin-top:30px;
			padding-top:40px;
		}
	}
/* インタビュー end */

/* 法人向けサービス start */

.business-title-wrap {
	background: url(http://engstartup-com.check-xserver.jp/wp-content/uploads/2019/10/shutterstock_166852532.jpg);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 200px;
}

.business-content p {
	font-size: 2em;
}

.business-content ul {
	margin: 40px auto;
}

.business-content ul li {
	width: 800px;
	padding: 10px 20px;
	font-size: 1.4em;
	margin: 0px auto;
	border-bottom: 1px dashed #f8a954;
}

.business-content ul li:before {
	    content: "";
    padding: 10px 0;
}

.business-content ul li:before {
    content: url(https://engstartuponline.xyz/wp-content/uploads/2019/05/checkbox.png);
    padding-right: 5px;
	 position: relative;
	top: 5px;
}

.business-content ul li:first-child {
	border-top: 1px dashed  #f8a954;
}

.business-list ul li {
	margin: 40px 0;
}

.business-list ul li:nth-child(1) h4 {
	background: url(http://engstartup-com.check-xserver.jp/wp-content/uploads/2019/10/1.png) no-repeat;
}

.business-list ul li:nth-child(2) h4 {
	background: url(http://engstartup-com.check-xserver.jp/wp-content/uploads/2019/10/2.png) no-repeat;
}

.business-list ul li:nth-child(3) h4 {
	background: url(http://engstartup-com.check-xserver.jp/wp-content/uploads/2019/10/3.png) no-repeat;
}

.step {
	margin: 80px 80px;
}

.step h4 {
	font-size: 2em;
	padding-left: 60px;
	padding-top: 40px;
	margin-bottom: 20px;
}

.step img {
	width: 400px;
}

.step-left .bg-mask {
	margin-right: 40px;
}

.step-right .flex{
    flex-direction: row-reverse;
}

.step-right .bg-mask {
	margin-left: 40px;
}

.bg-mask  {
	width: 100%;
}

.bg-mask p {
	line-height: 2;
	margin-bottom: 20px;
}


.business-bottom {
	display: flex;
	border: solid 1px #15217F;
	margin: 40px 80px;
}


.business-bottom div {
	margin: 40px auto;
}

.business-bottom img {
	width: 400px;
}

.business-wrap .business-bottom p.bottom-title {
	font-size: 1.6em;
}


.business-wrap .business-bottom p.center {
	margin-bottom: 40px;
}

.business-bottom .btn {
	margin: 40px auto 0px;
}

.business-bottom .btn a { 
	color: #fff;
}

.business-bottom .btn a:hover { 
	color: #F1A555;
	text-decoration: none;
}
	/* 768px以下の指定 */
@media only screen and (max-width: 768px) {
	.business-content, .business-list {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.business-content ul li {
		width: 100%;
		font-size: 1.4em;
		padding: 10px 0;
	}
	.business-content p {
    font-size: 1.6em;
}
	.step {
		margin: 0;
	}
	
.step .flex {
	flex-direction: column-reverse;
	}
	
.step h4 {
	font-size: 1.8em;
	}
	
.step img {
	width: 100%;
}
	.bg-mask{
		margin: 30px auto !important;
}
	.business-bottom {
	flex-direction: column;
	margin: 20px 10px;
}
	
.business-wrap br {
	display: block;
}
	
	.business-bottom img {
		width: 100%;
		margin: -40px 0;
}
}
/* 法人向けサービス end */

/* よくある質問 */
	.question_bg {
		background-color: #F6F6D6;
		width: 100%;
		height: auto;
		padding: 100px 0;
		text-align: center;
	}
	.question_bg  img { width: 80%; }
	.question_m { display: none; }
	/* 768px以下の指定 */
	@media only screen and (max-width: 768px) {
	.question_bg {
		background-color: #fff;
		padding: 50px 0;
	}
	.question_bg  img { width: 95%; }
	.question_pc { display: none;}
	.question_m { display: block; }
	}
/* よくある質問 end */




/* 基本理念 start */
	.vision {
		background-color: #F6F6D6;
		padding-bottom:100px;
	}
	.vision .interview_white {
		margin-top:100px;
	}
	.vision .interview_topvoice .content_title {
		font-size:40px;
	}
	.vision .interview_topvoice img {
		width:60%;
		margin-left:20%;
		margin-top:100px;
		padding-top:100px;
		border-top:#eee 1px solid;
	}
	.vision .interview_white .orange_title {
		font-size:30px;
		margin-top:70px;
	}
	@media screen and (max-width:780px){
		.vision {
			padding:50px auto;
		}
		.vision .interview_white {
			margin-top:70px;
		}
		.vision .interview_topvoice .content_title {
			font-size:30px;
			line-height:32px;
			text-align:center;
		}
		.vision .interview_topvoice img {
			width:80%;
			margin-left:10%;
			margin-top:50px;
			padding-top:50px;
			border-top:#eee 1px solid;
		}
		.vision .interview_white .orange_title {
			font-size:20px;
			line-height:24px;
			margin-top:50px;
		}
	}
/* 基本理念 end */



/* 会社概要 start */
	.company {
		background-color: #F6F6D6;
		padding:100px 0;
	}
	.company .profile {
		border:none;
		border-radius:20px;
	}
	@media screen and (max-width:780px){
		table {
			width:90%;
			margin: 50px 5%;
		}
		.company {
			background-color: #fff;
			padding:0;
			padding-bottom:70px;
		}
		.company .profile {
			border:none;
			border-radius:20px;
		}
	}
/* 会社概要 end */



/* 申込フォーム start */
	.table-res-form {
		width: 90%;
		border: none;
		table-layout: fixed;
	}
	/*一行ごとに上ボーダー*/
	.table-res-form tr 
	{border-top: 1px solid #f1f1f1;}
	/*一番上の行だけボーダーなし*/
	.table-res-form tr:first-child {border:none;}
	/*thとtd内の余白指定*/
	.table-res-form th, .table-res-form td {
		border: none;
		line-height:30px;
		color:#08217F;
		font-size:16px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}
	/*th（項目欄）は30%幅*/
	.table-res-form th {
		width: 40%;
		padding:60px 40px 60px 20%;
	}
	/*希望日のボーダーなし*/
	.table-res-form tr:nth-child(6)
	{border:none;}
	.table-res-form tr:nth-child(8)
	{border:none;}
	.table-res-form tr:nth-child(10)
	{border:none;}

/*　ContactForm7のテーブル化レスポンシブ調整　*/
@media screen and (max-width:500px){
.table-res-form th {
	display:block;
	width:100%;
	text-align:left;
	}
.table-res-form td {
	display:block;
	width:100%;
	}
}

	/*「必須」部分のスタイリング*/
	.table-res-form .requied {
		text-align:center;
		float:right;
		width:80px;
		height:40px;
		font-size: 22px;
		display:inline-block;
    color: #B63848;
    background: #fff;
    border-radius: 10px;
	  border: 4px solid #B63848;
		line-height:31px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}
	/*「任意」部分のスタイリング*/
	.table-res-form .any {
		text-align:center;
		float:right;
		width:80px;
		height:40px;
		font-size: 22px;
		display:inline-block;
    color: #aaa;
    background: #fff;
    border-radius: 10px;
	  border: 4px solid #aaa;
		line-height:31px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		
	}
	/* ここから入力欄のスタイル指定 */
  
	/* 各入力フォーム */
	.table-res-form input[type="text"], input[type="email"], input[type="tel"],textarea {
			height:70px;
			width:70%;
			padding: 0.5em;
			border-radius: 10px;
			background: #fff;
			border:4px solid #d1d1d1;
	}
.table-res-form textarea {
	height: 300px ;
}
	/* 入力欄にフォーカス */
	.table-res-form input[type="text"]:focus,  input[type="email"]:focus,  input[type="tel"]:focus, textarea:focus {
		outline: none;
		background: #fff;
		border: 1px solid #FAAA54;
		box-shadow: 0 0 5px 1px #FAAA54;
	}

	/* 送信ボタン */
	.contact
	input[type="submit"] {
			border: 1px #89BDDE solid;
			padding: 0.5em 4em;
			border-radius: 5px;
			background: #305097 ;
			color: #fff;
			box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
			font-weight: bold;
	}
	/* マウスオーバー時 */
	.table-res-form input[type="submit"]:hover {
			background: #006599;
			box-shadow: none;
	}
	/* 注意書きボックス */
	.privacy {
		width: 100%;
		background-color:#F9F8D7;
		padding: 80px 20%;
		margin: 50px 0px; 
		
	}
	.privacy h2 {
		font-size: 40px;
		color: #305097;
		margin-bottom:10px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}

	.privacy h3 {
		color: #305097;
		margin:30px 0 10px 0;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}
	h4 {
		color: #305097;
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}
	.privacy h6 {
		margin-bottom:0px;
	}

	/* ここから768px以下の指定 */
@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
.table-res-form td {
	width: 70%;
	}
/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
	.table-res-form th {
		width: 100%;
		text-align: left;
		padding:30px 0 10px 0;
		margin-left:10px;
	} 
	.table-res-form td {
		padding-bottom:15px;
	}
	.table-res-form td {
		margin-bottom:10px;
	}
/*不要な最終行の左のthを非表示にする*/
	.table-res-form .empty {
		display: none;
	}
	.table-res-form th, .table-res-form td {
		line-height:30px;
		font-size:16px;
	}
	/* 「必須」部分 */
	.table-res-form .requied {
		float:none;
		margin-left:20px;
		width:80px;
		height:30px;
			border-radius: 10px;
		font-size:16px;
		line-height:26px;
		border: 3px solid #B63848;
	}
	/* 「任意」部分 */
	.table-res-form .any {
		float:none;
		margin-left:20px;
		width:80px;
		height:30px;
		font-size:16px;
		line-height:26px;
			border-radius: 10px;
		border: 3px solid #aaa;
	}
	.privacy {
		padding: 35px ;
		margin-bottom: 50px;
	}
	.privacy h2 {
		font-size: 25px;
	}
	.table-res-form input[type="text"], input[type="email"], input[type="tel"],textarea {
		width:100%;
    padding: 0.5em;
    border-radius: 10px;
    background: #fff;
		border:3px solid #d1d1d1;
	}
}
	/* ここまで768px以下の指定 */
/* 申込フォーム end */


/* 法人お問い合わせ start */
.business-top-wrap {
	background: url(http://engstartup-com.check-xserver.jp/wp-content/uploads/2019/10/shutterstock_639653137.jpg);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 200px;
}
.business-top {
	background-color: rgba(0,0,0,0.6);
	height: 200px;
	position: relative;
}

.business-top h2 {
	text-align: center;
	color: #fff;
	  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
}

.contact .center, .business-wrap p.center {
	text-align: center;
	margin: 10px auto;
}
.business-wrap p.business-title {
	margin-top: 40px;
	font-weight: bold;
}
.business-wrap ul.business-need {
	margin: 80px auto 10px;
	width: 600px;
}
.business-wrap ul li {
	list-style-type: none;
}

.business-wrap span.orange {
	color:#F1A555;
	font-weight: bold;
}

.grecaptcha-badge {
	margin: 10px auto;
}
@media only screen and (max-width: 768px) {
	.business-wrap ul.business-need {
	width: 320px;
}
}
/* 法人お問い合わせ end */


/* メンバー専用 start */
	.member {
		width: 100%;
		border: 2px #bbb dotted;
		border-radius:20px;
		padding:60px 10%;
		margin:80px 0;
	}
	.member .text {
		margin:60px 0;
		line-height:22px;
	}
	.mem_category {
		width: calc(100%/3);
		float:left;
		text-align:center;
		display:block;
	}
	.mem_category img{
		height: auto;
		width: 60%;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.mem_category:hover img {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
@media only screen and (max-width: 768px) {
	.member {
		border-radius:20px;
		padding:0 5%;
		margin:30px 0;
	}
	.mem_category {
		width: calc(100%/3);
	}
	.mem_category img{
		width: 90%;
	}
	.mem_category .orange_title{
		margin-top:0;
		margin-bottom:10px;
		font-size:16px;
	}
}
/* カテゴリー */
	.category {
		width:80%;
		margin-left:20%;
	}
	.category  .container {
		padding:80px 10%;
	}
	.category .site-footer {
		width:100%;
		margin-left:0;
	}
	.category .site-footer .container  {
		padding:0;
	}
@media only screen and (max-width: 768px) {
	.category {
		width:100%;
		margin-left:0;
	}
	.category  .container {
		padding:30px 10%;
	}
}
/* 記事 */
	.single {
		width:80%;
		margin-left:20%;
	}
	.single .site-footer {
		width:100%;
		margin-left:0;
	}
	.single .site-content {
		padding:80px 10%;
	}
	.single .site-main {
		padding-right:5%;
	}
.member + .plan_btn {
	width:30%;
			left:35%;
}
@media only screen and (max-width: 768px) {
	.single {
		width:100%;
		margin-left:0;
	}
	.member + .plan_btn {
	width:90%;
	left:5%;
	margin:50px 0;
}
}
/* メンバー専用 end */
center .plan_btn {
	left:0;
	margin-top:40px;
}



.margin80px {
	padding: 80px;
}
.privacy {
	margin: 0;
}

@media only screen and (max-width: 768px) {
	.margin80px {
	padding: 20px 10px;
}
	
}