/*pc_css*/
@media screen and (min-width:751px){
	#mis .main.message{
		width:100%;
		height:410px;
		background:url("/images/mis/message/main.jpg") no-repeat;
		background-position: 50% 80%;
		background-size: cover;
		opacity: 0;
	}
	
	#mis .main.policy{
		width:100%;
		height:410px;
		background:url("/images/mis/policy/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#mis .main.staff{
		width:100%;
		height:410px;
		background:url("/images/mis/staff/main.jpg") no-repeat;
		background-position: 50% bottom;
		background-size: cover;
		opacity: 0;
	}
	
	#mis .contmaintl{
		text-align: center;
		line-height: 1.3em;
		font-size:6.2em;
		margin:0 0 0 0;
		color:#871b20;
		font-weight: 100;
	}
	
	#mis .contmainsub{
		text-align: center;
		line-height: 1.3em;
		font-size:1.5em;
		margin:25px 0 0 0;
		color:#871b20;
		font-weight: 500;
	}
	
	#mis .contmainsub2{
		text-align: center;
		line-height: 1.5em;
		font-size:1.7em;
		margin:100px 0 30px 0;
		color:#000;
		font-weight: 500;
	}
	
	#mis .contmainsub2.box2{
		text-align: center;
		line-height: 1.5em;
		font-size:1.7em;
		margin:50px 0 30px 0;
		color:#000;
		font-weight: 500;
	}
	
	#mis .messagebox{
		width:700px;
		margin:0 auto;
		padding:100px 0;
		line-height: 2.2em;
		font-size:0.9em;
	}
	
	#mis .messagebox .leftbox{
		width:50%;
		float: left;
	}
	
	/*#mis .messagebox .tx{
		text-align: justify;
	}*/
	
	#mis .messagebox .leftbox .tlcont{
		margin:0 0 20px 0;
		padding:0 0 20px 0;
		position: relative;
	}
	
	#mis .messagebox .leftbox .tlcont:after{
		content: "";
		width:50px;
		border-bottom:1px solid #000;
		position: absolute;
		bottom:0;
		lert:0;
	}
	
	#mis .messagebox .leftbox .tlcont .mtl{
		font-size:3.4em;
		line-height: 1.3em;
		font-weight: 100;
	}
	
	#mis .messagebox .leftbox .tlcont .subtl{
		font-size:1.2em;
		line-height: 1.3em;
	}
	
	#mis .messagebox .rightbox{
		width:50%;
		float: right;
		padding:0 0 0 125px;
		box-sizing: border-box;
		font-weight: 300;
		line-height: 1.5em;
	}
	
	#mis .messagebox .rightbox .phbox{
		width:100%;
		line-height: 0;
		box-shadow:-70px 70px 0px 0px #f1ece4;
	}
	
	#mis .messagebox .rightbox .phbox img{
		width:100%;
	}
	
	#mis .messagebox .rightbox .namebox{
		font-size:1.67em;
		padding:20px 0 50px 0;
	}
	
	#mis .policybox{
		width:700px;
		margin:0 auto 125px;
	}
	
	#mis .policybox .tx{
		line-height: 3em;
	}
	
	#mis .policybox .floatbox{
		padding:100px 0 0 0;
	}
	
	#mis .policybox .floatbox .leftbox{
		width:300px;
		float: left;
	}
	
	#mis .policybox .floatbox .rightbox{
		width:300px;
		float: right;
	}
	
	#mis .policybox .floatbox .tlbox{
		font-size:1.4em;
		line-height: 1.5em;
		color:#871b20;
		text-align: center;
		margin:0 0 12.5px 0;
	}
	
	#mis .policybox .floatbox .subtl{
		font-size:0.8em;
		text-align: center;
	}
	
	#mis .policybox .floatbox .phbox{
		padding:30px 0;
		text-align: center;
	}
	
	#mis .policybox .floatbox .phbox img{
		width:200px;
	}
	
	#mis .policybox .floatbox .txbox{
		padding:0 0 50px 0;
		border-bottom:1px solid #000;
		line-height: 1.7em;
		font-size:0.9em;
		text-align: justify;
	}
	
	#mis .policybox .floatbox .txbox.bonone{
		border-bottom: none;
	}
	
	/*staff*/
	#mis .stafflist{
		padding:50px 0 100px 0;
		width:700px;
		margin:0 auto;
	}
	
	#mis .stafflist ul{
		width:calc(100% + 50px);
		margin:0 0 0 -50px;
		display:-webkit-box;
    	display:-moz-box;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:-moz-flex;
    	display:flex;
    	-webkit-box-lines:multiple;
    	-moz-box-lines:multiple;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	-ms-flex-wrap:wrap;
    	flex-wrap:wrap;
		list-style: none;
	}
	
	#mis .stafflist ul li{
		width:calc(33.33333% - 50px);
		margin:50px 0 0 50px;
		float: left;
	}
	
	#mis .stafflist ul li .phbox{
		margin:0 0 20px 0;
		text-align: center;
	}

	#mis .stafflist ul li .phbox img{
		width:150px;
	}
	
	#mis .stafflist ul li .mtl{
		text-align: center;
		font-size:1.25em;
		color:#0f4f2b;
		font-weight: 400;
		line-height: 1.5em;
	}
	
	#mis .stafflist ul li .subtx{
		text-align: center;
		font-size:0.8em;
		color:#0f4f2b;
		font-weight: 600;
		line-height: 1.5em;
		padding:0 0 40px 0;
		margin:0 0 10px 0;
		position: relative;
	}
	
	#mis .stafflist ul li .subtx:after{
		content: "";
		height:25px;
		border-right:1px solid #0f4f2b;
		position: absolute;
		bottom:0;
		left:50%;
	}
	
	#mis .stafflist ul li .tx{
		line-height: 1.8em;
		font-size:0.9em;
		text-align:justify;
	}
	

}

@media screen and (max-width:750px){
	#mis .main.message{
		width:100%;
		height:30vh;
		background:url("/images/mis/message/main.jpg") no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		opacity: 0;
	}
	
	#mis .main.policy{
		width:100%;
		height:30vh;
		background:url("/images/mis/policy/main.jpg") no-repeat;
		background-position: 50% bottom;
		background-size: cover;
		opacity: 0;
	}
	
	#mis .main.staff{
		width:100%;
		height:30vh;
		background:url("/images/mis/staff/main.jpg") no-repeat;
		background-position: 50% bottom;
		background-size: cover;
		opacity: 0;
	}
	
	#mis .contmaintl{
		text-align: center;
		line-height: 1.3em;
		font-size:3.5em;
		margin:0 auto;
		color:#871b20;
		font-weight: 100;
		width:90%;
	}
	
	#mis .contmainsub{
		text-align: center;
		line-height: 1.3em;
		font-size:1.5em;
		margin:20px auto 0;
		color:#871b20;
		font-weight: 500;
		width:90%;
	}
	
	#mis .contmainsub2{
		text-align: center;
		line-height: 1.5em;
		font-size:1.7em;
		margin:30px auto 30px ;
		color:#000;
		font-weight: 500;
		width:90%;
	}
	
	#mis .messagebox{
		width:90%;
		margin:0 auto;
		padding:40px 0;
		line-height: 2.5em;
		font-size:0.9em;
	}
	
	#mis .messagebox .leftbox{
		width:100%;
		float: none;
	}
	
	/*#mis .messagebox .tx{
		text-align: justify;
	}*/
	
	#mis .messagebox .leftbox .tlcont{
		margin:0 0 20px 0;
		padding:0 0 20px 0;
		position: relative;
	}
	
	#mis .messagebox .leftbox .tlcont:after{
		content: "";
		width:50px;
		border-bottom:1px solid #000;
		position: absolute;
		bottom:0;
		lert:0;
	}
	
	#mis .messagebox .leftbox .tlcont .mtl{
		font-size:3.5em;
		line-height: 1.3em;
		font-weight: 100;
	}
	
	#mis .messagebox .leftbox .tlcont .subtl{
		font-size:1.2em;
		line-height: 1.3em;
	}
	
	#mis .messagebox .rightbox{
		width:100%;
		float: none;
		padding:0 0 40px 0;
		box-sizing: border-box;
		font-weight: 300;
		line-height: 1.5em;
	}
	
	#mis .messagebox .rightbox .phbox{
		width:70%;
		margin:0 auto;
		box-shadow:-70px 70px 0px 0px #f1ece4;
		line-height: 0;
	}
	
	#mis .messagebox .rightbox .phbox img{
		width:100%;
	}
	
	#mis .messagebox .rightbox .namebox{
		font-size:1.3em;
		padding:20px 0 30px 0;
	}
	
	#mis .policybox{
		width:90%;
		margin:0 auto 40px;
	}
	
	#mis .policybox .tx{
		line-height: 3em;
	}
	
	#mis .policybox .floatbox{
		padding:40px 0 0 0;
	}
	
	#mis .policybox .floatbox .leftbox{
		width:100%;
		float: none;
		margin:0 0 40px 0;
	}
	
	#mis .policybox .floatbox .rightbox{
		width:100%;
		float: none;
	}
	
	#mis .policybox .floatbox .tlbox{
		font-size:1.4em;
		line-height: 1.5em;
		color:#871b20;
		text-align: center;
	}
	
	#mis .policybox .floatbox .subtl{
		font-size:0.8em;
		text-align: center;
	}
	
	#mis .policybox .floatbox .phbox{
		padding:30px 0;
		text-align: center;
	}
	
	#mis .policybox .floatbox .phbox img{
		width:200px;
	}
	
	#mis .policybox .floatbox .txbox{
		padding:0 0 50px 0;
		border-bottom:1px solid #000;
		line-height: 1.5em;
		font-size:0.9em;
		height: auto !important;
		text-align: justify;
	}
	
	#mis .policybox .floatbox .txbox.bonone{
		border-bottom: none;
	}
	
	#mis .policybox .floatbox .txbox.spbo{
		border-bottom:1px solid #000;
	}
	
	/*staff*/
	#mis .stafflist{
		padding:50px 0 0 0;
		width:90%;
		margin:0 auto;
	}
	
	#mis .stafflist ul{
		width:calc(100%);
		margin:0 0 0 0;
		display:-webkit-box;
    	display:-moz-box;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:-moz-flex;
    	display:flex;
    	-webkit-box-lines:multiple;
    	-moz-box-lines:multiple;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	-ms-flex-wrap:wrap;
    	flex-wrap:wrap;
		list-style: none;
	}
	
	#mis .stafflist ul li{
		width:100%;
		margin:0 0 50px 0;
		float: none;
	}
	
	#mis .stafflist ul li .phbox{
		margin:0 0 20px 0;
		text-align: center;
	}

	#mis .stafflist ul li .phbox img{
		width:60%;
	}
	
	#mis .stafflist ul li .mtl{
		text-align: center;
		font-size:1.25em;
		color:#0f4f2b;
		font-weight: 400;
		line-height: 1.5em;
	}
	
	#mis .stafflist ul li .subtx{
		text-align: center;
		font-size:0.8em;
		color:#0f4f2b;
		font-weight: 600;
		line-height: 1.5em;
		padding:0 0 40px 0;
		margin:0 0 10px 0;
		position: relative;
	}
	
	#mis .stafflist ul li .subtx:after{
		content: "";
		height:25px;
		border-right:1px solid #0f4f2b;
		position: absolute;
		bottom:0;
		left:50%;
	}
	
	#mis .stafflist ul li .tx{
		line-height: 1.8em;
		font-size:0.9em;
		text-align:justify;
	}

}