@charset "utf-8";

#category {
	clear: both;
}

#category span {
	display: none
}

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

#category img {
	width: 100%;
	height: auto;
}

}

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

#category img {
	display: none;
}
#category {
	width: calc(100% - 10px);
	height: 85px;
	margin: 10px auto 15px;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3);
	border-radius: 3px;
	border: 2px solid #FFF;
	background: #205DAE
}
#category span {
		display: block;
	padding: 12px 10px 0 10px;
	color: #FFF;
	font-size: 140%;
}
#category span em {
		display: block;
	padding: 0 0 0 5px;
	color: #FFF;
	font-size: 60%;
}
}

h2.sp  img { 
	width: 100%;
	height: auto
}

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

	sd01  /study/index.html

********************************************************/
#sd01 p#lead {
	margin-top: 20px;
}

#sd01 p.right img { 
	padding-top: 20px;
}

@media screen and (max-width:600px) {
#sd01 p.right img { 
	max-width: 150px;
	height: auto
}
}

#sd01 dl#study {	
	/*padding-right: 306px;
	background: url(../study/img/sd01_img_01.jpg) no-repeat right top;
	min-height:390px;
	height: auto !important;
	height: 390px;*/
}




#sd01 dl#study dt {
	font-size: 107%;
	font-weight: bold;
	color: #2262b1;
	padding-top: 20px;	
}

#sd01 dl#study dd {
	margin-top: 3px;
}

#sd01 ul.link {
	margin-top: 20px;
}

#sd01 ul.link li {
	background: url(../img/arrow_01.gif) no-repeat left 3px;
	padding-left: 18px;
	margin-top: 5px;
}

#sd01 dl#pdf {	
	margin: 30px 0 50px;
	padding: 0;
	width: 100%;
}

#sd01 dl#pdf dt {
	display: inline-block;
}

#sd01 dl#pdf dd {
	display: inline-block;
}

@media screen and (max-width:910px) {
#sd01 dl#pdf {	
	margin: 30px 0 50px;
	padding: 0;
	width: 100%;
}

#sd01 dl#pdf dt {
	float: left;
	clear: both;
	height: 32px;
	padding-top: 12px;
}

#sd01 dl#pdf dd {
	float: left;
	height: 32px;
}
}

@media screen and (max-width:630px) {
#sd01 dl#pdf {	
	margin: 30px 0 50px;
	padding: 0;
	width: 100%;
}

#sd01 dl#pdf dt {
	float: none;
	clear: both;
	height: 32px;
	
}

#sd01 dl#pdf dd {
	width: 100%;
	float: none;
	height: auto;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
}




#sd01 h2 {
	margin-top: 50px;
}

#sd01 .lecturer {
	background: url(../img/dot_gray.gif) repeat-x left bottom;
	padding-bottom: 20px;
	margin-top: 20px;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#sd01 .lecBox {
	width: 300px;
}

#sd01 .lecBox p {
	float: left;
}

#sd01 .lecBox dl {
	float: right;
	width: 145px;
}

#sd01 .lecBox dt {
	font-size: 107%;
	font-weight: bold;
	color: #2262b1;
}

#sd01 .lecBox dd.link {
	background: url(../img/arrow_01.gif) no-repeat left 3px;
	padding-left: 18px;
	margin-top: 5px;
}

@media screen and (max-width:910px) {
	#sd01 .lecturer {
	background: url(../img/dot_gray.gif) repeat-x left bottom;
	padding-bottom: 20px;
	margin: 20px auto 0;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
		width: 630px;
}
	
#sd01 .lecBox {
	width: 300px;
}
}

@media screen and (max-width:630px) {
	#sd01 .lecturer {
	background: none;
	padding-bottom: 0;
	margin: 0 auto 0;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
		width: 100%;
}
	
#sd01 .lecBox {
	width: 100%;
	margin: 10px 0;
}
#sd01 .lecBox dl {
	float: right;
	width: calc(100% - 150px);
}
}
/********************************************************

	sd02  /study/contents.html

********************************************************/
#sd02 #cont {
	margin-top: 30px;
	/*background: url(../study/img/sd02_cont_bg_02.gif) no-repeat left bottom #6bb2e4;*/
	padding-bottom: 30px;
	background: #6bb2e4;
	border-radius: 6px;
}

#sd02 #contTtl {
	height: 174px;
	background: url(../study/img/sd02_cont_bg_01.jpg) no-repeat left top;
	padding: 30px 0 0 30px;
}



#sd02 #contTtl p {
	padding-top: 14px;
}

#sd02 .contBox {
	margin: 30px 30px 0;
	padding-bottom: 15px;
	/*background: url(../study/img/sd02_cont_bg_03.gif) no-repeat left bottom;*/
	clear: both;
	background: #FFF;
	border-radius: 6px;
}

#sd02 #firstBox {
	margin-top: 0;
}

#sd02 p.contTxt {
	float: right;
	width: 350px;
	padding: 10px 15px 0 0;
}

#sd02 .contBox div {
	background: url(../img/dot_gray.gif) repeat-x left bottom;
	margin: 15px 15px 0;
	padding-bottom: 15px;
	clear: both;
}

#sd02 .contBox #lastBox {
	background: none;
	padding-bottom: 0;
}

#sd02 .contBox div dl {
	float: right;
	width: 350px;
}

#sd02 .contBox div dt {
	font-size: 107%;
	font-weight: bold;
	color: #2262b1;
	margin-bottom: 5px;
}

#sd02 .contBox ul {
	margin: 15px 15px 0;
}

#sd02 .contBox li.kome {
	margin-top: 10px;
}


@media screen and (max-width:910px) {
#sd02 #contTtl {
	height: 0;
	background: url(../study/img/sd02_cont_bg_01.jpg) no-repeat left top;
	padding: 0 0 32.4% 0px;
	width: 100%;
	background-size: contain
}
	
#sd02 #contTtl h2 {
	padding: 30px 0 0 30px
}	
#sd02 #contTtl h2 img {
	width: 50vw;
	height: auto
}	

#sd02 #contTtl p {
	padding: 30px 0 0 30px
}	
#sd02 #contTtl p img {
	width: 50vw;
	height: auto
}		
	
#sd02 .contBox h3 img {
	width: 100%;
	height: auto
}

		#sd02 p.contTxt {
	float: right;
	width: calc(100% - 220px);
	padding: 10px 15px 0 0;
}
}
@media screen and (max-width:600px) {
	#sd02 #cont {
	margin-top: 15px;
	/*background: url(../study/img/sd02_cont_bg_02.gif) no-repeat left bottom #6bb2e4;*/
	padding-bottom: 30px;
	background: #6bb2e4;
	border-radius: 6px;
}
#sd02 #contTtl h2 {
	padding: 10px 0 0 15px
}		
	
#sd02 #contTtl h2 img {
	width: 40vw;
	height: auto
}

	#sd02 #contTtl p {
	padding: 5px 0 0 15px
}
#sd02 #contTtl p img {
	width: 80vw;
	height: auto;

}	
	
	
#sd02 .contBox {
	margin: 30px 15px 0;
	padding-bottom: 15px;
	/*background: url(../study/img/sd02_cont_bg_03.gif) no-repeat left bottom;*/
	clear: both;
	background: #FFF;
	border-radius: 6px;
}	
	
#sd02 .contBox h3 {
	
	padding: 5px
}
	
#sd02 p.left {
	width: 100%;
	

}	
#sd02 p.left img {
	width: 100%;
	height: auto;

}
	#sd02 p.contTxt {
	float: none;
	width: calc(100% - 30px);
	padding: 10px 15px 0;
}
#sd02 .contBox div dl {
	float: none;
	width: 100%;
}
}
/********************************************************

	sd03  /study/experience.html

********************************************************/
#sd03 .exp {
	background: url(../ki/img/ki04_bg_01.gif) repeat-y left top;
	margin-top: 30px;
	width: 100%;
	background-size: contain
}

#sd03 .exp dl {
	margin: 0 33px;
	color: #2262b1;
	border-bottom: 1px solid #d2e2fe;
	padding-bottom: 5px;
}

#sd03 .exp dt {
	font-weight: bold;
	float: left;
	font-size: 107%;
}

#sd03 .exp dd {
	float: right;
}

#sd03 .exp div {
	clear: both;
	margin: 30px 33px 0;
}

#sd03 p.expImg {
	float: left;
	background-color: #FFFFFF;
	padding: 0 20px 20px 0;

}

#sd03 p.expTxt {
	background: url(../ki/img/ki04_line.gif) repeat left top;
	line-height: 2.5;
}

#sd03 p.pagetop02 {
	padding-right: 33px;
	text-align: right;
	background: url(../ki/img/ki04_bg_02.gif) no-repeat left bottom;
	padding-bottom: 30px;
	margin-top: 20px;
}
@media screen and (max-width:910px) {
#sd03 h2 img { 
	width: 100%;
	height: auto
}	
	
#sd03 p.pagetop02 {
	padding-right: 0;
	text-align: right;
	height: 0;
	background: url(../ki/img/ki04_bg_02.gif) no-repeat left bottom;
	padding-bottom: 6.67%;
	margin-top: 20px;
	width: 100%;
	background-size: contain;
	
}
	
#sd03  p.pagetop02 img {
	padding-right: 33px;

}
}
@media screen and (max-width:600px) {
#sd03  .exp {
	background: url(../ki/img/ki04_bg_01.gif) repeat-y left top;
	margin-top: 15px;
	width: 100%;
	background-size: contain
}	
	
#sd03  .exp dl {
	margin: 10px 33px 0;
	color: #2262b1;
	border-bottom: 1px solid #d2e2fe;
	padding-bottom: 5px;
}
#sd03  p.expImg img {
	max-width: 150px;
	height: auto;

}
}