/* CSS Document */

@media screen and (max-width:640px) {

body{
	font-size: 13px;
	min-width: 400px !important;
}



/*============================================================================

	main

============================================================================*/
/*------------------------------ 下層のMV ------------------------------*/
#mainvisual h2 {
	padding:70px 20px 10px 20px !important;
	font-size: 18px !important;
	margin-bottom:20px !important;
}



/*==================================================================

	下層設定　＊　wrapper

==================================================================*/
#container{
	width: 100% !important;
	padding: 0 10px;
}
main{
	margin-top: 10px !important;
}

#contents_right{
	float:none !important;
	margin: 0 auto;
	width:100% !important;
	font-size:14px;
}
#contents_left{
	float:none !important;
	width:100% !important;
	margin-bottom: 50px;
	margin-left:0px !important;
	padding: 40px 30px 20px;
}



/*==================================================================

	タイトル

==================================================================*/
#container h3 {
	margin-bottom: 20px;
	font-size: 18px;
}

#container h4 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 16px;
	font-size: 15px;
	font-weight:bold;
}

#container h4::before {
	width: 2px;
	height: 25px;
}
#container h5 {
	/*margin-bottom: 20px;*/
	font-size: 15px;
}



/*==================================================================

	table

==================================================================*/

/*------------------------------ 文字左揃え＊ラインだけシンプルデザイン ------------------------------*/
.tb03{
	margin-bottom:12px;
}
.tb03 th{
	padding:15px auto;
}
.tb03 td{
	padding:15px 10px 15px 15px;
}



/*==================================================================

	btn

==================================================================*/
.btn01 a{
	padding:12px 60px;
}



/*==================================================================

	box

==================================================================*/



/*==================================================================

	$初めての方へ

==================================================================*/
dl.guide_list  {
	margin-bottom:40px;
}
dl.guide_list dt {
    display: block;
	width: 100%;
	margin:auto;
	padding: 5px 25px 10px !important;
	border-radius:6px 6px 0 0;
	font-size: 15px ;
}
dl.guide_list dd {
    display: block;
	width: 100%;
	margin:auto;
	padding: 20px 25px;
	border-radius: 0 0 6px 6px;
}
dl.guide_list dt em {
	font-size:22px;
}
dl.guide_list::after {
	margin-left:-0;
	bottom:-32px;
	font-size:16px;
}

/*bg黄緑*/
dl.guide_list:nth-of-type(n+8) {
	margin-bottom:20px;
}



/*==================================================================

	$満足度No.1のサービス

==================================================================*/
dl.about_list  {
	float:none;
	width:90%;
	margin:0 auto 20px;
}
.about_list dt {
	height:50px;
	border-radius:6px 6px 0 0;
	font-size: 14px;
}
.about_list dd {
	height:auto;
	padding: 10px 25px 30px;
	border-radius: 0 0 6px 6px;
}



/*==================================================================

	$会社案内

==================================================================*/
#company_tab {
}
#company_tab li a {
	font-size:10px;
}
.url_text {
	word-break: break-all;
}



/*==================================================================

	$プライバシーポリシー

==================================================================*/



/*==================================================================

	$よくあるご質問

==================================================================*/
.qabox {
	margin-bottom:20px;
}
.q_box {
	font-size:14px;
}
.q_box::before{
}

.a_box {
	padding:18px 20px 5px 65px;
}
.a_box::before{
}
.a_box ol {
}
.a_box ol li {
}
.a_box ol li em {
	top:-3px;
	left:-17px;
	font-size:15px;
}



/*==================================================================

	$講師募集について

==================================================================*/
dl.partner_list  {
	margin-bottom:40px;
}
dl.partner_list dt {
    display: block;
	width: 100%;
	margin:auto;
	padding: 5px 25px 10px !important;
	border-radius:6px 6px 0 0;
	font-size: 15px ;
}
dl.partner_list dd {
    display: block;
	width: 100%;
	margin:auto;
	padding: 20px 25px;
	border-radius: 0 0 6px 6px;
}
dl.partner_list dt em {
	font-size:22px;
}
dl.partner_list::after {
	margin-left:-0;
	bottom:-32px;
	font-size:16px;
}
dl.partner_list:nth-of-type(3)::after {
	display:none;
}

/*募集要項*/
.youko dt {
	margin-bottom: 5px;
	font-size: 16px;
}

/*講師登録フォームへ*/
.under_recruit {
	padding:20px 30px 30px;
}
.under_recruit dl {
	float:none;
	width:100%;
}
.to_form {
	position: relative;
	right: 0;
	margin-top:15px;
	text-align:center;
}
.to_form a{
	width:80%;
	padding:14px 0;
	font-size: 15px;
}



/*==================================================================

	$AI（人工知能）特集

==================================================================*/
.teacher_title {
	margin-top:40px;
	padding:14px 15px 14px 45px;
}
.teacher_title::before {
	width:30px;
}
/*------------------------------各講師box------------------------------*/
.mini_teacher_list li {
	float:none;
	width:100%;
	height:auto;
	margin-right:0;
	padding:15px;
}
.mini_teacher_list li .caster_exclusive {
	width:280px;
}




/*==================================================================

	$オンライン講師派遣

==================================================================*/
.online-koushi_3pattern {
	width: 100%;
	margin: 0 auto 20px auto;
}
.online-koushi_3pattern ul {}
.online-koushi_3pattern ul li {
	width: 32%;
	margin: 0 2% 0 0;
	float: left;
}
.online-koushi_3pattern ul li:last-child{
	margin: 0;
}


.online-koushi_arrange {
	width: 100%;
	margin: 0 auto 20px auto;
}
.online-koushi_arrange ul {}
.online-koushi_arrange ul li {
	width: 49%;
	margin: 0 2% 0 0;
	float: left;
}
.online-koushi_arrange ul li:last-child{
	margin: 0;
}


.online-koushi_message {
	background: #F0F6E8;
	padding: 20px;
	border-radius: 6px;
}
.online-koushi_message strong{
	text-align: center;
	margin: 0 0 20px 0;
	display: block;
}
.online-koushi_message a{
	color: #008239;
}



/*==================================================================

	$安全大会特集＆異常気象特集

==================================================================*/
/*------------------------------各講師box------------------------------*/
.teacher_list li {
	float:none;
	width:100%;
	height:auto;
	margin-right:0;
	padding:15px;
}
.teacher_list li .caster_img {
	margin-right:20px;
}
.teacher_list li .caster_name {
	width:220px;
}
.teacher_list li .caster_job_title {
	width:220px;
}
.teacher_list li .caster_exclusive {
	width:330px;
}



/*==================================================================

	$お問い合わせフォーム

==================================================================*/
/*Contact Form 7カスタマイズ*/

/*----------お問合せフォーム上部の流れリスト----------*/
.contact_flowlist {
	margin-bottom:50px;
}
.contact_flowlist li{
	float:none;
	width:90%;
	height:auto;
	margin:0 auto 30px;
	padding:10px 20px;
}
.contact_flowlist li::after{
	top:auto;
	bottom:-30px;
	left:48%;
	right:0;
	content: "\f0d7";
}
.contact_flowlist li:last-child{
	margin:0 auto 30px;
}

/*----------お問合せフォーム講師選択時----------*/
.contact_selectlist {
}
.contact_selectlist .photo {
	width:350px;
	height:300px;
	margin:0 auto 30px;
}
.contact_selectlist td {
	display:block;
}



/*==================================================================

	$最新情報・実績紹介

==================================================================*/
.archive_wrap {
	margin-top:60px;
	margin-bottom:40px;
}
.archive_wrap h3 {
	position:relative;
	padding-bottom:10px !important;
	font-size:16px !important;
}
.archive_wrap h3 em {
	position:absolute;
	float:none;
	left:0;
	top:-35px;
	padding:4px 15px;
	border-radius:5px;
	font-size:12px;
}
.archive_wrap .photo {
	float:none;
	margin:0 auto 20px;
	text-align:center;
}

/*---------- pagenav ----------*/
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		display: inline-block;
}
.wp-pagenavi a:hover {
		display: inline-block;
}
 .wp-pagenavi span.current{
 		display: inline-block;
}



/*==================================================================

	$著名人からのコメント

==================================================================*/
.com_box .photo {
	float:none;
	text-align:center
}
.com_box .photo img {
	width:230px;
	height:auto;
}
.com_box .txt_area .txt_area_inner {
	margin-left:0;
	padding:30px 30px;
}
.com_box .txt_area h4 {
	display:block;
	margin:10px auto 15px !important;
	width:70%;
	text-align:center;
}



/*==================================================================

	$全講師リスト

==================================================================*/
/*------------------------------各講師box------------------------------*/
.archive-member_list li {
	float:none;
	width:100%;
	margin-right:0;
}
.archive-member_list li .caster_name {
    left: 20px;
}
.archive-member_list li .caster_job_title {
	width:230px;
	margin-left:20px;
}
.archive-member_list ul.icon li  {
	float:left;
}


















/*==================================================================

	$講師個人ページ

==================================================================*/
.member_box_detail {
	font-size:13px;
}

/*----------写真スライダー部分設定----------*/
.member_box_detail .photo_wrap{
	float:none;
	margin:auto;
}
.member_box_detail .nav1{
	margin:0 auto 50px;
}
.member_box_detail .nav2{
	width:100%;
	margin: -30px auto 0;
}

/*----------写真スライダー右　プロフィール設定----------*/
.member_box_detail .no_wrap{
	float:none;
	width:100%;
}
.member_box_detail .no_wrap h3{
	font-size:18px !important;
}
.member_box_detail .no_wrap h3 span{
	font-size:10px;
}
.member_box_detail .no_wrap .tb03 td{
	padding-left:10px;
}

/*----------プロフィール本文----------*/
.member_box_detail section h4{
	padding-bottom: 13px !important;
    padding-top: 5px;
}
.member_box_detail .youtube-wrap_area .youtube_area {
}
.member_box_detail .youtube-wrap_area .youtube_area iframe {
	width:100%;
}

.member_box_detail h4.title_t{
    padding: 10px 20px !important;
	box-sizing:border-box;
}
.member_box_detail h4.title_t span{
	display:block;
    top: 0;
	margin-bottom:5px;
	text-align:center;
}
.member_box_detail .txt2{
    padding: 20px 20px;
    margin-bottom: 20px;
}

.member_box_detail .dl_style dt{
	/*margin-bottom:20px ;*/
	padding-top: 5px;
	padding-bottom:13px ;
	padding-left: 16px;
	font-size:15px;
}
.member_box_detail .dl_style dt::before{
	top:-1px ;
	height:33px ;
    width: 2px;
}

}