@charset "utf-8";

/* PC SP限定 */
@media only screen and (min-width:840px){
.pc_none{
	display:none;
}
}
@media only screen and (max-width:840px){
.md_none{
	display:none;
}
}
@media only screen and (max-width:667px){
.sp_none{
	display:none;
}
}
/* モニター幅1000px以下 */
@media only screen and (max-width:1000px){
	.inner{
		width:92%!important;
	}
	.pankuzu{
		width:92%!important;
	}
	.blogTitImg img{
		width:92%;
		height:auto;
	}
}
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:840px){
	header{
		border-bottom:1px solid #bbbbbb;
	}
	.consultingPage img{
		max-width:100%;
		height:auto;
	}
	.headerNav li{
		margin:5px 0 0 5px;
	}
	.headerNav li img{
		height:36px;
		width:auto;
	}
	.wp_social_bookmarking_light{
		margin-top:5px !important;
	}
	.scheduleListTable.disnon{
		display:block;
	}
	.scheduleListTable{
		width:auto;
		margin-bottom:30px;
	}
	.scheduleListSeminar{
		display:none;
	}
	.spNav{
		display:block;
		z-index: 1;
	}
	.inner,
	.catbox{
		width:92%;	
	}
	.inner_840{
		width:100%;
		margin:auto;
	}
	
	.spMenu {
	    background: url("https://ai-kenkyujo.com/img/menu_open") no-repeat;
	    background-size:100%;
	    /*bottom: 10px;*/
		top:10px;
	    display: block!important;
	    height: 40px;
	    position: fixed;
	    right: 10px;
	    width: 40px;
	    z-index: 999;
	}
    .spMenu.active {
    	background: url("https://ai-kenkyujo.com/img/menu_close") no-repeat;
    	background-size:100%;
	}
	nav.gnav{
		background-color: rgba(255, 255, 255, 1);
		display: none;
		float: none;
		height: 100%;
		left: 0;
		margin: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 998;		
		overflow-scrolling:touch;		
		overflow-y:scroll;
		max-height:100vh;
	}
	nav.gnav.fixed{
		z-index: 998;
	}
	nav.gnav li a{
		color:#000000;	
	}
.gnav .sp_home{
	position:absolute;
	top:0;
	width:100%;
	background:#ffffff;
	margin:0;
	padding:10px 0;
}
.gnav .sp_home img{
	margin:0 15px;
	max-height:40px;	
}
.gnav ul.sp_banner{
	width:100%;
	list-style:none;
	margin: 70px auto 10px;
	text-align:center;	
}
.gnav ul.sp_banner li{
	width:45%;
	display:inline-block;
	margin:0 auto;
	padding:5px;
	line-height:0;
	text-align:center;	
}
.gnav ul.sp_banner li img{
	width:100%;
	height:auto;	
}
nav.gnav ul{
	padding-top:60px;
}
	nav.gnav li {
	    border: medium none!important;
	    color: #999999;
	    display: block;
	    float: none;
	    font-size: 16px;
	    text-align: left;
	    padding:0;
	    line-height:50px;
	}
	nav.gnav li span.spNone{
		display:none;
	}
	nav.gnav li ul {
		display:block;
		background:none;
		padding:0;
		position:static;
	}
	nav.gnav li ul li{
		padding:0;
	}
	header p span{
		margin:0;
		padding-top:0;
		float:none;
	}
	.osusumeFirst,
	.osusumeCreate{
		float:none;
		margin:0 auto 20px;
		width:90%;
		padding:5%;
		height:auto;
	}
	.accessBlock img,
	.accessBlock iframe{
		height:auto;
		width:100%;
	}
	.voice img{
		height:auto;
		width:100%;
	}
	.innerBlog{
		width:92%;
		padding:15px 0;
	}
	.contentBlog{
		float:none;
		width:100%;
		margin:0 auto 20px;
	}
	.side{
		float:none;
		width:240px;
		margin:auto;
	}
	.contentBlog iframe{
		height:auto;
		width:100%;
	}
	.contentBlog img {
    	border: none;
    	box-shadow: 0 0 0 0 #ffffff;
    	-moz-box-shadow:0 0 0 0 #ffffff;
		-webkit-box-shadow:0 0 0 0 #ffffff;
    	height: auto;
    	max-width: 100%;
	}
	.contentSeminar{
		float:none;
		width:100%;
		margin:0 auto 20px;
	}
	.sideSeminar{
		float:none;
		width:100%;
		margin:auto;
	}
	.sideSeminar.fixed{
		position:static;
		margin-left:0;
	}
	.blogheadLeft{
		width:25%;
	}
	.blogheadRight{
		width:70%;
	}
	.topBlog .blogheadRight {
    	width:70%!important;
	}
	.bloghead{
		padding-left:10px;
	}
	.reserveTable th{
		display:block;
		width:92%;
		padding:10px 4%;
	}
	.reserveTable td{
		display:block;
		width:92%;
		padding:10px 4%;
	}
	.spnone{
		display:none;
	}
	.topSeminarList li{
		float:none;
		margin:0 auto 35px!important;
	}
	.consultingTxt{
		float:none;
		width:100%;
	}
	.consultingImg{
		float:none;
		text-align:center;
	}
	.consultingBlock img{
		max-width:100%;
		height:auto;
	}
	.consultingContact table.reserveTable{
		width:100%;
	}
	.consultingPoint ul{
		padding:13px 10px 5px 0;
	}
	.consultingPoint li{
		font-size:15px;
		line-height:24px;
		margin-left:15px;
		padding-left:25px;
	}
	.consultingTable table td{
		height:auto;
		font-size:11px;
		padding:5px;
	}
	.consultingTable table td.consultingTabletit{
		width:auto;
		font-size:12px;
		padding:15px 5px;
	}
	.consultingOther img{
		float:none;
		margin:auto;
	}
	.consultingOther ul{
		float:none;
	}
	.consultingOther li{
		margin-left:18px;
	}
}
@media only screen and (max-width:640px){
	.consultingMain h1{
		font-size:30px;
		line-height:42px;
		margin-left:20px;
		margin-right:20px;
		margin-bottom:10px;
	}
	.consultingMain h1 strong{
		font-size:40px;
	}
	.consultingPage h2{
		font-size:20px!important;
		line-height:26px!important;
	}
	.consultingPage h2 span{
		font-size:14px;
	}
	.consultingMain p{
		margin-left:20px;
		font-size:15px;
		line-height:26px;
		margin-right:20px;
	}
	.consultingMain .inner{
		padding:20px 0 10px;
	}
	.consultingKadai li{
		font-size:14px;
		margin:10px;
		line-height:21px;
	}
	.consultingKadaiBlock{
		padding-top:10px;
	}
	.consultingKadaiBlock h3{
		font-size:16px;
	}
	.consultingAbout td.conTableTit{
		width:auto;
		font-size:11px;
		padding-left:20px;
		line-height:18px;	
	}
	.consultingAbout td.conTableTit img{
		width:20px;
		height:auto;
	}
	.consultingAbout td.conTableTit span{
		display:none;
	}
	.consultingAbout td{
		font-size:11px;
		line-height:18px;	
		height:auto;
		padding:5px;
	}
	.conTable_mokuteki{
		font-size:13px;
	}
	.conTable_mokuteki img{
		width:18px;
		height:auto;
	}
	.conTable_koka{
		font-size:13px;
	}
	.conTable_koka img{
		width:18px;
		height:auto;
	}
	.consultingCaseLeft{
		float:none;
		width:100%;
		margin:0 0 50px 0;
	}
	.consultingCaseRight{
		float:none;
		width:100%;
		margin:0 0 50px 0;
	}
	.consultingCaseLeft img,
	.consultingCaseRight img{
		width:60px;
		height:auto;
		left:5px;
	}
	.consultingCaseLeft h3,
	.consultingCaseRight h3{
		font-size:16px;
		margin-left:0;
		padding:10px;
		margin-bottom:10px;
	}
	header p{
		float:none;
		text-align:left;
	}
	header p img{
		float:left;
		margin-right:10px;
	}
	.mainTop{
		padding:30px 0;
	}
	.mainTop h1{
		font-size:30px;
		width:92%;
		margin-bottom:5px;
		background-size: 100px auto;
		padding-top:30px;
	}
	.mainTop p{
		text-align:left;
		padding:0 10%;
		font-size:15px;
		line-height:28px;
		margin-bottom:10px;
	}
	.mainTop p br{
		display:none;
	}
	.mainTop .inner{
		padding:20px 0;
	}
	a.btn{
		margin:20px auto;
	}
	p.index{
		font-size:15px;
		line-height:28px;
	}
	.osusumeFirst,
	.osusumeCreate{
		float:none;
		margin:0 auto 20px;
		width:90%;
		padding:5%;
		height:auto;
	}
	.firstCourse .inner,
	.creativeCourse .inner{
		background:none;
	}
	.privilege li{
		font-size:14px;
		line-height:26px;
		font-weight:bold;
	}
	.privilege ul{
		padding:10px 8px;
	}
	.faq tr th{
		padding:4px 8px;
	}
	.faq tr td{
		padding:4px 4px 4px 0;
	}
	.footerLogo{
		display:none;
	}
	
		.cource tr{
		border-top:1px solid #e2e2e2;
		border-bottom:4px solid #666666;
	}
	.cource td{
		display:block;
		margin:0;
		border-top:0;
		border-left:0;
		border-right:0;
		border-bottom:1px solid #e2e2e2;
		background:#f2f2f2;
		padding-left: 90px!important;
		font-size:13px!important;
    	text-align: left !important;
    	position:relative;
	}
	.cource th{
		display:none!important;
	}
	.cource td::before {
    	color: #555;
    	left: 6px;
    	padding-right: 10px;
    	position: absolute;
    	top: 10px;
    	white-space: nowrap;
    	width: 90px;
    	font-size:13px!important;
	}
	.cource td:nth-of-type(1)::before {
    	content: "コース";
	}
	.cource td:nth-of-type(2)::before {
    	content: "開催日";
	}
	.cource td:nth-of-type(3)::before {
    	content: "時間";
	}
	.cource td:nth-of-type(4)::before {
    	content: "会場";
	}
	.cource td:nth-of-type(5)::before {
    	content: "料金";
	}
	.cource td br{
		display:none;
	}
	.error_message{
		padding:0;
	}
	#cart .upbutton{
		text-align:left;
		padding-right:0;
		line-height:32px;
	}
	#cart_table thead{
		display:none;
	}
	#cart_table tbody td {
		display:block;
		width:100%!important;
		border-top:none;
		border-left:none;
		border-right:none;
		box-sizing: border-box;
		margin:0;
		font-size:13px;
		position:relative;
		padding-left: 90px !important;
	}
	#cart .num{
		display:none;
	}
	#cart .thumbnail {
    	display: none;
	}
	#cart_table tfoot th,
	#cart_table tfoot td{
		display:block;
		width:100%!important;
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:1px solid #cccccc;
		box-sizing: border-box;
		margin:0;
		font-size:13px;
	}
	#cart .quantity{
		text-align: right;
	}
	#cart .stock{
		text-align: right;
	}
	#cart .action{
		text-align: right;
	}	
	#cart_table tbody td::before {
    	color: #555;
    	left: 6px;
    	padding-right: 10px;
    	position: absolute;
    	top: 3px;
    	white-space: nowrap;
    	width: 90px;
    	font-size:13px!important;
    	text-align: left;
    	font-weight:bold;
	}
	#cart .productname::before{
		content: "コース";
	}	
	#cart .unitprice::before{
		content: "単価";
	}	
	#cart .quantity::before{
		content: "数量";
	}
	#cart .subtotal::before{
		content: "金額";
	}
	#cart .stock::before{
		content: "在庫状態";
	}
	#customer-info th{
		display:block;
		width:100%;
		box-sizing: border-box;
	}
	#customer-info td{
		display:block;
		width:100%;
		box-sizing: border-box;
	}
	#customer-info table, #delivery-info table.customer_form{
		width:100%!important;
	}
	#customer-info .customer_form input{
		width:80%!important;
	}
	.send input{
		margin-bottom:10px;
	}
	div.usccart_navi li.ucart{
		width:25%!important;
		font-size:10px;
	}
	div.header_explanation{
		padding:5px!important;
	}
	#customer-info .customer_form input#search_zipcode, #delivery-info #delivery_table input#search_zipcode{
		width:80px!important;
	}
	.osusumeFirst li, .osusumeCreate li{
		font-size:13px;
		line-height:25px;
	}
	.spImage{
		display:block;
	}
	.topSeminarList h1{
		font-size:22px;
		line-height:32px;
	}
	.creativeCourse{
		background:none!important;
	}
	.osusumeCreate ul{
		background:none!important;
	}
	.creativeCourse ul{
		background:none!important;
	}
	.ailabBlock .wp-image-694{
		display:none;
	}
	.technicalLearnBlock p{
		float:none!important;
		width:100%;
	}
	.technicalLearnBlock img{
		float:none!important;
		max-width:100%;
		heigth:auto;
	}
	.technicalLearn h2 span{
		line-height:40px;
	}
	.technicalLearnBlock img.technicalLearnImg_01,
	.technicalLearnBlock img.technicalLearnImg_02,
	.technicalLearnBlock img.technicalLearnImg_03,
	.technicalLearnBlock img.technicalLearnImg_04{
		margin:auto;
		display:block;
	}
	.pcRental{
		font-size:11px!important;
		line-height:28px;
	}
	.pcRental input{
		font-size:11px;
		height:22px;
		width:58px;
	}
	.firstCourse p, .creativeCourse p{
		font-size:18px;
	}
}

@media only screen and (max-width:580px){
	.mainTop .inner img{
		width:92%;
		height:auto;
	}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	.blogTitImg img{
		display:none;
	}
	.blogTitImg img.spImg{
		display: inline;
	}
	.blogTitImg{
		background:#f3f4f6;
	}
	a.btn{
		width:88%;
		font-size:18px;
		padding:15px 0;
	}
	.osusumeFirst h3{
		background:#3946e8;
	}
	.osusumeCreate h3{
		background:#e09126;
	}
	header p{
		font-size:12px;
		line-height:18px;
	}
	header{
		padding:10px 0;
	}
	.firstCourse li,
	.creativeCourse li{
		font-size:13px;
		line-height:26px;
	}
	.topSeminarList li  img{
		max-width:100%;
		height:auto;
	}
	.topConsulting p{
		width:100%;
	}
	.topConsulting{
		background:#e5e0d4;
	}
	.topSeminarList li{
		width:100%;
	}
	.spBlock{
		display:inline;
	}
}