@charset "UTF-8";

/* ++++++++++++++　　　○○○　　++++++++++++++++++*/


/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　全てのスクリーンサイズで適用される設定・モバイルファースト
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */




/*******************************************************　　　　　　　　
　　　　　　　メインコンテンツ部分　　
*******************************************************/

/*******************　　　　　　　　
　キャッチ＆リード　　
********************/
#lead-Area{
	margin-bottom:20px;
}

.big-midashi{
	margin:10px auto 10px auto;
}


.big-midashi img{
	width:100%;
}

.title-cach{
	margin:0 auto 10px auto;
	width:100%;
}

.lead1{
	font-size:24px;font-size:2.4rem;
	line-height:34px;line-height:3.4rem;
	font-weight:bold;
	text-align:center;
	margin:0 0 15px 0;
}

.lead2{
	font-size:18px;font-size:1.8rem;
	line-height:30px;line-height:3.0rem;
}


.lead3{
	font-size:16px;font-size:1.6rem;
	line-height:24px;line-height:2.4rem;
	padding:10px 0 0 30px;
	text-indent:-20px;
	color:#f15a24;
}




/*******************　　　　　　　　
　共通項目　　
********************/

.m-midashi1{
	background-color:#ffc264;
	width:100%;
	margin:0 0 15px 0;
	border-radius:4px;
}

.m-midashi1 h2{
	font-size:20px;font-size:2.0rem;
	line-height:20px;line-height:2.0rem;
	padding:7px 0 5px 10px;
	color:#231815;
}



.honbun1{
	font-size:16px;font-size:1.6rem;
	line-height:24px;line-height:2.4rem;
	margin:0 0 15px 10px;
}







/*******************　　　　　　　　
　コース内容　　
********************/

.inner-L{
	width:100%;
	margin:0 0 20px 0;
}


.inner-R{
	width:303px;
	margin:0 auto 0 auto;
}


.cource-dl{
	margin:0 0 15px 0;
}

.cource-dl dt{
	font-size:18px;font-size:1.8rem;
	line-height:22px;line-height:2.2rem;
	font-weight:bold;
	margin:0 0 5px 0;
}

.cource-dl dd{
	font-size:16px;font-size:1.6rem;
	line-height:24px;line-height:2.4rem;
	margin:0 0 0 15px;
}





/*******************　　　　　　　　
　日時・場所　　
********************/
#date-Area{
}





.area{
	margin:0 0 30px 0;
}


.s-midashi1{
	width:100%;
	border-bottom:dotted 2px #ffc264;
	margin:0 0 15px 0;
}

.s-midashi1 h3{
	font-size:18px;font-size:1.8rem;
	line-height:18px;line-height:1.8rem;
	padding:2px 0 2px 5px;
	border-left:solid 3px #ffc264;
	margin:0 0 5px 7px;
}



.s-midashi2{
	width:95%;
	border-bottom:solid 1px #ffc264;
	margin:0 auto 15px auto;
}

.s-midashi2 h4{
	font-size:16px;font-size:1.6rem;
	line-height:16px;line-height:1.6rem;
	padding:0 0 4px 5px;
}

.s-midashi2 h4 span{
	color:#fbb03b;
}


.cource-text1{
	font-size:16px;font-size:1.6rem;
	line-height:22px;line-height:2.2rem;
	padding:0 0 10px 20px;
}







.dl1{
	font-size:16px;font-size:1.6rem;
	margin:0 0 20px 10px;
}

.dl1 dt{
	font-weight:bold;
	line-height:16px;line-height:1.6rem;
	margin:0 0 7px 0;
}

.dl1 dd{
	line-height:22px;line-height:2.2rem;
	margin:0 0 5px 10px;
}



/*******************　　　　　　　　
　受講料　　
********************/
#fee-Area{
}


.honbun2{
	font-size:20px;font-size:2rem;
	line-height:28px;line-height:2.8rem;
	margin:0 0 0 10px;
}




/*******************　　　　　　　　
　 参加者の声　　
********************/
#voice-Area{
}


.voice-waku{
	padding:0 0 15px 0;
	border-bottom:dotted 2px #ccc;
	margin-bottom:15px;	
}


.voice-title{
	font-size:18px;font-size:1.8rem;
	line-height:22px;line-height:2.2rem;
	padding:0 0 0 50px;
}


.voice-title span{
	font-size:14px;font-size:1.4rem;
	font-weight:normal;
}


.voide-text{
	font-size:16px;font-size:1.6rem;
	line-height:24px;line-height:2.4rem;
	margin:0 5px 0 5px;
}


.icon01{ background:url(../images/ws_cmn_icon1.png) no-repeat 15px 2px;}
.icon02{ background:url(../images/ws_cmn_icon1.png) no-repeat 15px -78px;}
.icon03{ background:url(../images/ws_cmn_icon1.png) no-repeat 15px -158px;}
.icon04{ background:url(../images/ws_cmn_icon1.png) no-repeat 15px -238px;}
.icon05{ background:url(../images/ws_cmn_icon1.png) no-repeat 15px -318px;}
.icon06{ background:url(../images/ws_cmn_icon1.png) no-repeat 15px -398px;}



.link-text{
	font-size:16px;font-size:1.6rem;
	margin:0 0 30px 10px;
}




/*************************　　　　　　　　
　 お申込み・お問合せ　　
**************************/
#moushikomi-Area{
}


.link-waku{
	padding:10px 0 0 0;
}

.yudo1{
	font-size:16px;font-size:1.6rem;
	line-height:22px;line-height:2.2rem;
	margin:0 auto 7px auto;
	text-align:center;
}



.btn01,
.btn02{
	width:267px;
	height:48px;
	margin:0 auto 20px auto;
}

.btn01 a,
.btn02 a{
	display:block;
	width:267px;
	height:33px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:20px;font-size:2.0rem;
	line-height:20px;line-height:2.0rem;
	padding-top:15px;
}

.btn01 a span,
.btn02 a span{
	font-weight:normal;
}


.btn01 a{background:url(../images/ws_cmn_btnback.png) no-repeat 0 0;}
.btn02 a{background:url(../images/ws_cmn_btnback2.png) no-repeat 0 0;}


.btn01 a:hover,
.btn02 a:hover{
	text-decoration:none;
	opacity:0.8;
}





.info-dl{
	margin:20px 0 0 0;
}


.info-dl dt{
	font-size:18px;font-size:1.8rem;
	line-height:22px;line-height:2.2rem;
	font-weight:bold;
	margin-bottom:5px;
}

.info-dl dd{
	font-size:20px;font-size:2rem;
	line-height:24px;line-height:2.4rem;
	margin:0 0 0 15px;
}



/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 480px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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








}



/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 650px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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






}










/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 768px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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










}





/* ////////////////////////////////////////////////////////////////////////////////////////

　　　　　スクリーンサイズ 幅 960px 以上で適用される設定・上から継承したスタイルを上書き
　　　　　
//////////////////////////////////////////////////////////////////////////////////////// */

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


.br1{
	display:none;
}




/*******************　　　　　　　　
　コース内容　　
********************/
.inner-L{
	float:left;
	width:370px;
	margin:0 0 0 0;
}


.inner-R{
	float:right;
	width:303px;
	margin:0 5px 0 0;
}








}