@charset "UTF-8";
ul,li,p,h1,h2,h3{padding:0;margin:0;font-size:100%;}
p{font-size:14px;}
.contentsTop{
	max-width:770px;
	margin:0 auto;
}
ul{list-style:none;}
a{text-decoration:none;}
#filedTitle{max-width:770px;
margin:0 auto;}
#contentsStudy {
	max-width: 770px;
	margin: 0 auto;
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
}
.container{max-width:770px;margin:0 auto;}
#contentsRight {
	padding: 0;
	font-size: 12px;
	color: #484848;
	line-height: 1.8em;
	width: 70%;
	margin: 0;
}
#contentsLeft {
	width: 25%;
	font-size: 12px;
	color: #484848;
	line-height: 1.8em;
}


.contentsPic{
	margin-bottom: 20px;
	height: auto;
}

.contentsPic h2 {
	height: 33px;
	margin-left: 14px;
}

.contentsPic img.title {
	margin-right: 5px;
}

.contentsTitleBox {
	padding: 0;
	margin:10px auto 20px;
	height: auto;
}
.contentsTitleBox div{
	width:100%;
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin:10px auto 15px;
}
.contentsTitleBox img {
	width:20%;
	object-fit:contain;
}
.contentsTitleBox h3 {
	width:calc(100% - 22%);
	color: #000066;
	font-size: 14px;
	padding-bottom: 10px;
	font-weight:bold;
	padding:5px;
	line-height:1.7;
}
.contentsTitleBox p {
	line-height: 1.5em;
}
.contentsTitleBox p span{
	color: #000066;
    display: block;
}


.contentsPic  h4 {
	height: 35px;
}

.contentsBox {
	padding: 0;
	margin-top: 10px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 14px;
	height: auto;
}
.contentsBox  h5 {
	font-size: 14px;
	color: #FF9933;
	margin-bottom: 5px;
	font-weight:bold;
}
.contentsBox ul:first-of-type{
	margin-bottom:20px;
}

.contentsBox li{
	line-height: 1.8em;
}

.sideMenu ul {
/**	background-image: url(/study/college/images/sidemenu_middle.gif);
	background-repeat: repeat-y;**/
	background:#FFF;
	width: 100%;
	padding:10px 5px;
	margin: 0 0 10px 0;
	border:1.5px solid #999;
	border-radius:5px;
	filter:drop-shadow(5px 5px 5px #999);
}
.sideMenu li{
	margin:0 auto;
	width:90%;
	line-height:1.7;
	padding:5px;
	border-top:1px dotted #333;
}
.sideMenu ul li p{
	padding:5px 3px;
	margin:5px;
	font-weight:900;
	color:#FFF;
}
.sideMenu{padding:0;}

.searchLink ul li{padding:5px;line-height:1.7;}
.searchLink h2{
	border:1.5px solid #FFF;;
	background:linear-gradient( 135deg, #FEB692 10%, #EA5455 100%);;
	border-radius:5px;
	padding:5px;color:#FFF;
}

.sideMenu ul:first-of-type li:first-of-type{
	border-bottom:none;
	border:1.5px solid #FFF;;
	background:linear-gradient( 135deg, #FEB692 10%, #EA5455 100%);;
	border-radius:5px;
	/**padding:5px;**/
}
.sideMenu ul:not(first-of-type) li:first-of-type{
	border-bottom:none;
	border:1.5px solid #FFF;
	background:linear-gradient( 135deg, #E2B0FF 10%, #9F44D3 100%);
	border-radius:5px;
	/**padding:5px;**/
}
.studyBox{
	max-width:760px;
	margin:0 auto 30px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.studyBox div{width:40%;
	line-height:1.7em;
	margin:0 5% 20px;
}
.studyBox div h3{
	margin:5% 0;
}

.studyBox div:nth-of-type(even){margin:0 0 10px 3%;
}
h2{margin:0 auto;padding:0;}
h2 img{display:block;}
#fieldTitle img{
	max-width:600px;objecti-fit:contain;
}
.studyLTopH,.studyCTopH,.studyRTopH{
	width:30%;
	line-height:1.7em;
	margin:0 auto 10px;
}

.sideMenu li:nth-of-type(2){
	border-top:none;
}
.sp{display:none;}

#target{
	max-width:575px;
	border:11px solid #c2e7f4;
	border-radius:5px;
}
#target h4{color:#000066;font-weight:bold;padding:10px;}

.targetTxt{
	width:90%;
	padding:10px;
}
.mt10{
	margin:30px auto;
}
.mt10 img{max-width:300px;height:auto;object-fit:contain;}
.noteBox{display:flex;justify-content:flex-start;width:150%;flex-wrap:wrap;}
.noteBox li{width:40%;}
.note img{width:44px;height:33px;object-fit:contain;}

@media screen and (max-width:414px){
.contentsTop{width:100%;}
#contentsStudy,.contentsTitleBox div,.studyBox{
	display:block;
	width:96%;
	padding:0;
	margin:10px auto!important;
	}
.studyBox div{width:100%;margin:0 auto 10px;}
#filedTitle{width:100%;
margin:0 auto;}
#contentsRight,#contentsLeft{
	padding:0;
	width:96%;
	margin:5px auto;
	}
.contentsTitleBox {
margin:5px auto;
	}
.contentsTitleBox h3{width:100%;}

.sideMenu{
	width:96%;
	margin:0;
	padding:0!important;}

.sideMenu ul{
	width:90vw;
	margin:0 auto 10px;
	padding:5px 0!important;
}
.sideMenu ul li{text-align:left;}
.studyBox{padding:0!important;box-sizing: border-box;}
.studyBox ul,.studyBox ul li{width:100%;margin:0;padding:0;height:auto;white-space:pre-wrap;} 	

.studyLTopH,.studyCTopH,.studyRTopH{
	padding:0!important;
	width:96%;margin:0 auto!important;}
.studyLTopH p,.studyCTopH p,.studyRTopH p{
	padding:5px!important;
	width:90%;word-wrap: break-word!important;}
#fieldTitle img{
	width:100%;
}
	.sp{display:block;}
}