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

/*  ----------------------------------------------------

	troble css

------------------------------------------------------*/

.mainContents .main {
	width: 100%;
}

/* head */

.headerContainer {
	border: solid 5px #ff0000;
}

.navHeader {
	border-right: solid 5px #ff0000;
	border-bottom: solid 5px #ff0000;
	border-left: solid 5px #ff0000;
}


/* nav */

.navHeader nav ul {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: no-wrap;
	    flex-wrap: no-wrap;
}

.mainContents .main nav .imgTitle {
	padding: 30px 0 16px 10px;
}

.mainContents .main nav ul {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.mainContents .main nav ul li {
	background: url(/files/user/img/icon/sp/arrow_b_r.png) no-repeat;
	background-position: right 10px top 50%;
	background-size: 14px;
	border-top: solid 1px #ccc;
	font-weight: 600;
	-webkit-transition: background-color .3s;
	         transform: background-color .3s;
	width: 49%;
}

.mainContents .main nav ul li:hover{
	background-color: #fff3e0;
}

.mainContents .main nav ul li:nth-child(2n+1) {
	margin-right: 1%;
}

.mainContents .main nav ul li:nth-last-child(2){
	border-bottom: solid 1px #ccc;
}

.mainContents .main nav ul li:last-child {
	border-bottom: solid 1px #ccc;
}

.mainContents .main nav ul li a {
	display: block;
	line-height: 1.5;
	padding-left: 10px;
	width: 86%;
}

.mainContents .main nav ul li a.topic01,
.mainContents .main nav ul li a.topic04,
.mainContents .main nav ul li a.topic06,
.mainContents .main nav ul li a.topic07 {
	height: 67%;
	padding: 10px 0 10px 10px;
}

.mainContents .main nav ul li a.topic02,
.mainContents .main nav ul li a.topic05 {
	height: 67%;
	padding: 20px 0 0 10px;
}

.mainContents .main nav ul li a.topic03 {
	height: 50%;
	padding: 10px 0 10px 10px;
}


/* main */

.mainContents .main h2 {
	font-size: 2.5rem;
	font-weight: 600;
	padding: 30px 0 20px 0;
}

.mainContents .main h3 {
	background-color: #ff7e09;
	margin: 50px 0 30px 0;
}

.mainContents .main p {
	line-height: 1.8;
}

img.sec_mv {
	margin-bottom: 30px;
	width: 100%;
}

img.photo {
	margin-bottom: 20px;
	width: 100%;
}

.mainContents .main .editor {
	font-weight: 600;
	padding: 10px;
}

.mainContents .main .staff {
	padding: 0 10px 10px 10px;
}

.mainContents .main .staff span.name {
	color: #ff7e09;
	font-weight: 600;
}

.mainContents .main h4.subject {
	color: #ff7e09;
	border-top: dashed 1px #ff7e09;
	border-bottom: dashed 1px #ff7e09;
	font-weight: 600;
	margin-bottom: 20px;
	padding: 10px;
}

.mainContents .main p.subject {
	padding-bottom: 30px;
}

/* riyu */

.main .sec2 .riyu h4 {
	margin: 30px 0 20px 0;
}
.main .sec2 .riyu h4 img {
	margin: 0;
	width: auto;
}

.main .sec2 .riyu img {
	margin-bottom: 20px;
	width: 100%;
}

/* sec5 */

.main .sec5 dl {
	margin-bottom: 15px;
}

.main .sec5 dl dt {
	background: url(/files/user/boms/smt/contents/bm_teacher/images/02_icon_q.png) no-repeat;
	background-position: left 0 top 50%;
	background-size: 20px;
	padding: 10px 0 10px 30px;
}

.main .sec5 dl dd {
	background: url(/files/user/boms/smt/contents/bm_teacher/images/02_icon_t.png) no-repeat;
	background-position: left 0 top 50%;
	background-size: 20px;
	padding: 10px 0 10px 30px;
}

.main .sec5 .memo {
	background-color: #f2f2f2;
	border-radius: 8px;
	margin: 20px 0;
	padding: 15px 20px;
}

.main .sec5 .memo a {
	text-decoration: underline;
}

/* link */

.main ul.link {
	margin: 20px 0 30px 0;
}

.main ul.link li{
	margin-top: 10px;
}

.main ul.link li a {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
	-ms-flex-wrap: no-wrap;
	    flex-wrap: no-wrap;
}

.main ul.link li p {
	color: #3399ff;
	padding-left: 10px;
	text-decoration: underline;
}


/* job */

.page-section1__content h4 {
	margin-top: 20px;
}

.page-section1__content ol.job {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 15px 0;
}

.page-section1__content ol.job li {
	background: url(/files/user/img/icon/sp/arrow_r_r.png) no-repeat;
	background-position: right 10px top 50%;
	background-size: 8px;
	border: solid 1px #ccc;
	font-weight: 600;
	margin-bottom: 10px;
	-webkit-transition: background-color .3s;
	         transform: background-color .3s;
}

.page-section1__content ol.job li:nth-child(2n+1) {
	margin-right: 10px;
}

.page-section1__content ol.job li span {
	display: block;
	padding: 15px;
	width: 283px;
}

.page-section1__content ol.job li:hover {
	background-color: #fff3e0;
}

.sp { display: none; }

@media screen and (max-width: 750px) {
	
	.mainContents {
		font-size: 2rem;
	}


	/* nav */
	
	.mainContents .main nav .imgTitle {
		padding: 25px 0 15px 10px;
	}
	
	.mainContents .main nav ul {
		display: block;
	}
	
	.mainContents .main nav ul li {
		background-position: right 10px top 50%;
		background-size: 14px;
		border-top: solid 2px #ccc;
		width: 100%;
	}
	
	.mainContents .main nav ul li:nth-child(2n+1) {
		margin-right: 0;
	}
	
	.mainContents .main nav ul li:nth-last-child(2){
		border-bottom: none;
	}
	
	.mainContents .main nav ul li:last-child {
		border-bottom: solid 2px #ccc;
	}
	
	.mainContents .main nav ul li a {
		padding: 20px 0 20px 10px;
		height: 100%;
		width: 97%;
	}

	.mainContents .main nav ul li a.topic01,
	.mainContents .main nav ul li a.topic02,
	.mainContents .main nav ul li a.topic03,
	.mainContents .main nav ul li a.topic04,
	.mainContents .main nav ul li a.topic05,
	.mainContents .main nav ul li a.topic06,
	.mainContents .main nav ul li a.topic07 {
		height: 100%;
		padding: 10px 0 10px 10px;
	}

	
	/* main */
	
	.mainContents .main h2 {
		padding: 20px 0 8px 0;
	}
	
	.mainContents .main h3 {
		margin: 30px 0 20px 0;
	}
	
	.mainContents .main p {
		line-height: 2;
	}
	
	img.sec_mv {
		margin-bottom: 15px;
	}
	
	
	/* riyu */
	
	.main .sec2 .riyu h4 {
		margin: 30px 0 20px 0;
	}
	.main .sec2 .riyu h4 img {
		margin: 0;
		width: auto;
	}
	
	.main .sec2 .riyu img {
		margin-bottom: 15px;
	}
	
	
	/* link */
	
	.main ul.link {
		margin: 20px 0 30px 0;
	}
	
	.main ul.link li{
		margin-top: 10px;
	}
	
	.main ul.link li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		   -ms-flex-align: center;
			  align-items: center;
		-ms-flex-wrap: no-wrap;
			flex-wrap: no-wrap;
	}
	
	.main ul.link li p {
		color: #3399ff;
		padding-left: 10px;
		text-decoration: underline;
	}


	/* job */
	
	.page-section1__content h4 {
		font-size: 2rem;
	}
	
	.page-section1__content ol.job li {
		border: solid 2px #ccc;
		font-size: 1.8rem;
	}
	
	.page-section1__content ol.job li:nth-child(2n+1) {
		margin-right: 10px;
	}
	
	.page-section1__content ol.job li span {
		display: block;
		padding: 15px;
		width: 133px;
	}
	
	.pc { display: none; }
	.sp { display: block; }

}