@charset "UTF-8";
/* CSS Document */

@media(max-width:480px){

#contents{
	width:100%;
	margin: 0 auto;
}


.contents_under{
	width:100%;
}


.main_visual{
	width:100%;
	margin:0 auto;
	background-image:url(../images/mainvisual6s.png);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:40%;
	background-size: 100%;
}


.main_area{
	width:94%;
	margin: 0 auto;
	
}
	
	
.kinyu-title1{
	width:100%;
	height:31px;
	background-image: url(../images/kinyujyuku_mainimg1.png);
	background-repeat: no-repeat;
	padding-top:30px;
	margin: 0 auto;
	background-size: 100%;
}

.mainleft{
	width:100%;
	margin: 0 auto;
	padding-top:60px;
}

.right{
	display: none;
}

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

.media_area2{
	width:100%;
	padding-top:100px;
	margin: 0 auto;
	
}

/*タイトル設定*/

.title1{
	width:100%;
	padding-top:40px;
	margin: 0 auto;
	font-size:22px;
	line-height:36px;
	color:#37A0DB;
	font-weight:600;
}

.title2{
	width:100%;
	padding-top:40px;
	margin: 0 auto;
}


.title3{
	width:100%;
	padding-top:40px;
	margin: 0 auto;
}

.title4{
	width:100%;
	padding-top:40px;
	margin: 0 auto;
}

.title5{
	width:100%;
	padding-top:40px;
	margin: 0 auto;
	display: none;

}

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




/*テキストエリア設定*/

.textbox1{
	width:100%;
	padding-top:10px;
	margin: 0 auto;
}

.textbox2{
	width:100%;
	padding-top:20px;
	margin: 0 auto;
}


.textbox5{
	width:100%;
	padding-top:10px;
	margin: 0 auto;
}

.textbox6{
	width:100%;
	padding-top:5px;
	margin: 0 auto;
}

.textbox7{
	width:100%;
	padding-top:20px;
	margin: 0 auto;
}

.textbox8{
	width:100%;
	padding-top:10px;
	margin: 0 auto;
}

/*日時フォント設定*/

.date{
	margin-top:5px;
	font-size:12px;
	font-weight:100;
}

.date2{
	margin-top:5px;
	font-size:12px;
	font-weight:100;
}

.date3{
	width:100%;
	margin-top:5px;
	font-size:13px;
	font-weight:100;
}


/*セミナーフォント設定*/
	
.seminar_img{
	width:100%;
	height: 26px;
	background-image: url(../images/koushi_shokai.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

	
a.seminarfacebook{
	display: none;
	
	}




/*写真設定*/

#seminar1{
	width:100%;
	padding-top:10px;
	margin: 0 auto;
	
}

#seminar2{
	width:100%;
	padding-top:10px;
	margin: 0 auto;
	
}
.photo{
	widt:48%;
	display: inline-block;
	vertical-align: top;
	padding: 20px  0;
	margin: 0 1%;
}
	

.photo img{
	widt:100%;
}

#photo{
	width:100%;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:10px;
	padding:0px;
	}

#photo ul#seminar{
	list-style:none;
}



.main_photo1{
	width:46%;
	display: inline-block;
	vertical-align: top;
	padding-top: 20px;
	margin: 0 1%;
	box-sizing: border-box;	
}
	
.main_photo1 img{
	width:100%;
}

.main_photo2{
	width:46%;
	display: inline-block;
	vertical-align: top;
	padding-top: 20px;
	margin: 0 1%;
	box-sizing: border-box;	
}
	
.main_photo2 img{
	width:100%;
}


.main_photo3{
	width:46%;
	display: inline-block;
	vertical-align: top;
	padding-top: 20px;
	margin: 0 1%;
	box-sizing: border-box;	
}
	
.main_photo3 img{
	width:100%;
}



/*セミナーページ下部ボタン制御*/

/*ボタン設定*/
.info_btarea{
	width:100%;
	display: inline-flex;
	justify-content: center;
}

.info_btarea2{
	width:100%;
}

.info_bt1{
	width:50%;
	height: initial !important;
	height: auto !important;
	
}
	
.info_bt1 img{
	width:100%;
	
}


.info_bt2{
	width:50%;
}

	
.info_bt2 img{
	width:100%;
}

.info_bar1{
	width:99%;
	margin-top: -10px;
	padding-top:10px;
	background-image:url(../images/seminner_bga.png);
	background-size: cover;
	background-size: 100%;
}




.border1{
	width:100%;
	margin-top:10px;
	height:5px;
	border-bottom: 1px solid #000;

	}
	

	
}

@media(min-width:481px){

#contents{
	width:940px;
	background-image:url(../images/contents_base1.png);
	background-repeat:repeat-y;
	margin: 7px auto 0;
}


.contents_under{
	width:940px;
	height:40px;
	background:url(../images/contents_base2.png);
	margin: 0 auto;
}


.main_visual{
	width:900px;
	height:160px;
	margin-top:0;
	margin-left:0px;
	background-image:url(../images/mainvisual6.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px;
}



.bt_services1{
	display:block;
	width:120px;
	height:20px;
	left:220px;
	top:20px;
	background-image:url(../images/services_bt1.png);
	background-repeat:no-repeat;
	position:absolute;
}

.bt_services2{
	display:block;
	width:180px;
	height:20px;
	left:220px;
	top:40px;
	background-image:url(../images/services_bt2.png);
	background-repeat:no-repeat;
	position:absolute;
	
}

.main_area{
	width:900px;
	margin-left:20px;
	padding:0px;
}
	
.kinyu-title1{
	width:600px;
	height:31px;
	background-image: url(../images/kinyujyuku_mainimg.png);
	background-repeat: no-repeat;
}


.mainleft{
	width:620px;
	margin-left:20px;
	margin-top:30px;
}


.media_area1{
	width:600px;
}

.media_area2{
	width:601px;
	margin-top:40px;
	
}

/*タイトル設定*/

.title1{
	width:600px;
	margin-top:0px;
	font-size:25px;
	line-height:36px;
	color:#37A0DB;
	font-weight:600;
}

.title2{
	width:600px;
	height:36px;
	margin-top:20px;
}


.title3{
	width:300px;
	height:25px;
	margin-top:0px;
	margin-left:20px;
}

.title4{
	width:350px;
	height:25px;
	margin-top:50px;
	margin-left:0px;
}

.title5{
	width:150px;
	margin-top:0px;
	margin-left:0px;

}

.title6{
	width:150px;
	margin-top:0px;
	margin-left:10px;
	
}




/*テキストエリア設定*/

.textbox1{
	margin-top:10px;
	margin-left:0px;
	width:600px;
}

.textbox2{
	margin-top:20px;
	margin-left:0px;
	width:600px;
}


.textbox5{
	margin-top:10px;
	margin-left:0px;
	width:600px;
}

.textbox6{
	margin-top:5px;
	margin-left:20px;
	width:540px;
	text-align:right;
}

.textbox7{
	margin-top:10px;
	margin-left:0px;
	width:600px;
}

.textbox8{
	margin-top:10px;
	margin-left:55px;
	width:466px;
}

/*日時フォント設定*/

.date{
	margin-top:5px;
	font-size:10px;
	font-weight:100;
}

.date2{
	margin-top:5px;
	font-size:12px;
	font-weight:100;
}

.date3{
	width:150px;
	margin-top:5px;
	font-size:13px;
	font-weight:100;
}


/*セミナーフォント設定*/
	
.seminar_img{
	width: 600px;
	height: 26px;
	background-image: url(../images/koushi_shokai.png);
	background-repeat: no-repeat;
}
	
.seminar_title{
	margin-top:5px;
	font-size:18px;
	font-weight:200;
}





/*写真設定*/

#seminar1{
	width:600px;
	
}

#seminar2{
	width:600px;
	margin-top:5px;
	
}
	
.photo{
	width:170px;
	margin-top:0px;
}

#photo{
	width:600px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:10px;
	padding:0px;
	}

#photo ul#seminar{
	list-style:none;
}



.main_photo1{
	width:170px;
	margin:0 5px;
	display: inline-block;
	vertical-align: top;
}

.main_photo2{
	width:170px;
	margin:0 5px;
	display: inline-block;
	vertical-align: top;
}

.main_photo3{
	width:170px;
	margin:0 5px;
	display: inline-block;
	vertical-align: top;
}


/*セミナーページ下部ボタン制御*/
.main_photo3{
	width:190px;
	height:150px;
}

.info_btarea{
	width:600px;
	height:27px;
}

.info_btarea2{
	width:600px;
	height:27px;
}

.info_bt1{
	width:168px;
	height:27px;
	float:left;
}

.info_bt2{
	width:168px;
	height:27px;
	float:left;
}

.info_bar1{
	width:100%;
	height:39px;
	background-image:url(../images/seminner_bga.png);
	background-size: cover;
}





.border1{
	width:600px;
	margin-top:10px;
	height:5px;
	background-image:url(../images/page3_border.png);
	background-repeat:no-repeat;
	}
	
/*セミナー内容*/		
	
	.main_title{
		margin-top:10px;
		width:535px;
		float:left;
	}
	
	.main_date{
		width:150px;
		float:left;
	}
	
	.moushikomi_bt{
		width:45px;
		margin-left:5px;
		margin-top:10px;
		float:left;
	}
	
	.bt_back{
		width:80px;
		margin-left:360px;
		font-size:12px;
		float:left;
	}


}