.clinical{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
	/*font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif;*/
	color:#222222;
	font-size: 16px;
	line-height: 28px;
}

@media only screen and (max-width: 750px){
	.clinical{
		font-size: 14px;
		line-height: 22px;
	}
}
.mt20{
	margin-top: 20px;
}

.mt40{
	margin-top: 40px;
}

.breadcrumbBox.newform {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}
.breadcrumbBox.newform ul li {
	display: inline;
	text-decoration: none;
	font-size: 12px;
}
.breadcrumbBox.newform ul li a {
	display: inline;
	text-decoration: none;
}

.textfont{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	letter-spacing: 1px;
}

.clinical *{
	box-sizing: border-box;
}
.mainvisual{
	position: relative;
}

.mainvisual .maincopy{
	position: absolute;
	top:47%;
	width:100%;
	text-align: center;
	left:0;
	opacity:0;
	
	
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.mainvisual .maincopy img{
	max-width: 80% !important;
}

.mainvisual .maincopy.fade{
	opacity: 1;
}

.mainvisual .mainlogo{
	position: absolute;
	bottom:10px;
	left:10px;
}

.mainvisual .mainarrow{
	position: absolute;
	bottom:20px;
	width:100%;
	text-align: center;
	left:0;
	cursor:pointer;
}

.mainvisual .mainarrow.withtransition{
	
	-webkit-transition: bottom 0.6s ease-in-out;
	-moz-transition: bottom 0.6s ease-in-out;
	-o-transition: bottom 0.6s ease-in-out;
	-ms-transition: bottom 0.6s ease-in-out;
	transition: bottom 0.6s ease-in-out;
}

.mainvisual .mainarrow.up{
	bottom:50px;
	
	-webkit-transition: bottom 0.6s ease-in-out;
	-moz-transition: bottom 0.6s ease-in-out;
	-o-transition: bottom 0.6s ease-in-out;
	-ms-transition: bottom 0.6s ease-in-out;
	transition: bottom 0.6s ease-in-out;
}

h3.type1{
	font-size:35px;
	text-align: center;
	margin-bottom: 30px;
	letter-spacing: 3px;
}

.sectionpadding{
	padding:40px 0 70px;
}

.greenbg{
	background-color:#e4f5e5;
	position: relative;
	padding-left:10px;
	padding-right:10px;
}

.greenbg .content{
	line-height: 36px;
	text-align: center;
	margin-bottom: 50px;
}

.verticaltext{
	/*writing-mode: vertical-rl;
	-ms-writing-mode:rl-tb;*/
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.greenbg .verticaltext{
	font-size:30px;
	position: absolute;
	right:30px;
	top:100px;
	line-height: 45px;
}

.greenbginner{
	width:640px;
	max-width: 100%;
	margin:auto;
	opacity:0;
	
	
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.greenbginner.show{
	opacity:1;
}

.greenbox{
	width:32%;
	margin-right: 2%;
	float:left;
	background-color:#086936;
	padding:7px;
	text-align: center;
}

.greenbox:nth-child(3n){
	margin-right: 0;
}

.greenbox .greenboxinner{
	border:1px solid white;
	padding:5px;
	position: relative;
	color:white;
	padding-bottom: 135px;
	font-size: 12px;
}

.greenbox .greenboxinner .greenboxcorner{
	width:8px;
	height:8px;
	border:1px solid white;
	position: absolute;
}

.greenbox .greenboxinner .greenboxcorner.topleft{top:-5px;left:-5px;}
.greenbox .greenboxinner .greenboxcorner.topright{top:-5px;right:-5px;}
.greenbox .greenboxinner .greenboxcorner.bottomleft{bottom:-5px;left:-5px;}
.greenbox .greenboxinner .greenboxcorner.bottomright{bottom:-5px;right:-5px;}

.greenbox .greenboxinner .big{
	font-size:25px;
	line-height: 40px;
	margin-top: 20px;
	letter-spacing: 3px;
}
.greenbox .greenboxinner .big.oneline{
	line-height: 80px;
}

.greenbox .greenboxinner .small{
	margin-top:15px;
}

.greenbox .greenboxinner .bottomsection{
	border-top:1px solid white;
	width:97%;
	width:calc(100% - 10px);
	bottom:0;
	left:5px;
	line-height: 30px;
	padding-top: 10px;
	position: absolute;
	font-size:11px;
}

.sidepic{
	background-size: auto 100%;
	background-repeat: no-repeat;
	position: relative;
}

.sidepic.sidepic1{
	background-position: right center;
	background-image:url(../img/pages/schoolguide/clinical/sec_01.jpg);
}

.sidepic.sidepic2{
	background-position: left center;
	background-image:url(../img/pages/schoolguide/clinical/sec_02.jpg);
}

.sidepic.sidepic3{
	background-position: right center;
	background-image:url(../img/pages/schoolguide/clinical/sec_03.jpg);
}

.sidepic.sidepic4{
	background-position: left center;
	background-image:url(../img/pages/schoolguide/clinical/sec_04.jpg);
}

.sidepic .sidepicinner{
	padding:40px 10px 115px;
}

.sidepic.sidepic1 .sidepictext{
	left:0px;
}

.sidepic.sidepic2 .sidepictext{
	float:right;
}

.sidepic.sidepic3 .sidepictext{
	left:0px;
}

.sidepic.sidepic4 .sidepictext{
	float:right;
	
}

.sidepic .sidepictext{
	position: relative;
}
	
.sidepic .sidepictext.left{
	left:-100%;
	-webkit-transition: left 0.3s ease-in-out;
	-moz-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	-ms-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}
.sidepic .sidepictext.left.show{left:0;}

.sidepic .sidepictext.right{
	right:-100%;
	-webkit-transition: right 0.3s ease-in-out;
	-moz-transition: right 0.3s ease-in-out;
	-o-transition: right 0.3s ease-in-out;
	-ms-transition: right 0.3s ease-in-out;
	transition: right 0.3s ease-in-out;
}
.sidepic .sidepictext.right.show{right:0;}


.sidepic .sidepictext h3{
	font-size:40px;
	letter-spacing: 2px;
	color:#086936;
	display: inline-block;
	border-bottom:1px solid #086936;
	padding:5px;
	margin-bottom: 90px;
	line-height: 1.3em;
}

.sidepic .sidepictext .content{
	line-height: 35px;
}

.sidepic .verticaltext{
	font-size:30px;
	line-height: 45px;
	white-space: nowrap;
}
.sidepic.sidepic1 .verticaltext{
	position: absolute;
	right:50%;
	top:40px;
}
.sidepic.sidepic2 .verticaltext{
	position: absolute;
	left:30px;
	top:40px;
	color:white;
}
.sidepic.sidepic3 .verticaltext{
	position: absolute;
	right:30px;
	top:40px;
}
.sidepic.sidepic4 .verticaltext{
	position: absolute;
	left:30px;
	top:40px;
	color:white;
}

.clinical .half{
	width:48%;
	margin-right: 4%;
	float:left;
	margin-bottom: 40px;
}

.clinical .half:nth-child(2n){
	margin-right: 0;
}

.clinical .half .h4wrapper{
	height:60px;
	width:100%;
	position: relative;
	margin-bottom: 10px;
}

.clinical .half .h4wrapper h4{
	line-height:30px;
	width:100%;
	position: absolute;
	bottom: 0;
	left:0;
	display:block;
	border-bottom:1px solid #086936;
	color:#086936;
	font-size:19px;
	letter-spacing: -1px;
}

.clinical .half h5{
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight:bold;
}

.clinical .half .picquarter{
	width:100%;
	border-collapse: collapse;
}

.clinical .half .textfont{
	line-height: 1.5em;
}

.clinical .half .picquarter td{
	width:25%;
}

.clinical .half .picquarter td img{
	max-width:100% !important;
}

.clinical .half .picquarter td.text{
	padding:0 5px;
	vertical-align: bottom;
}

.clinical .half .picquarter td.text .biggreen{
	font-size:25px;
	font-weight: bold;
	color:#086936;
	margin-top:10px;
}

.clinical .half .picquarter td.text .biggreen span{
	font-size:17px;
	vertical-align: text-bottom;
	line-height: 20px;
}

.clinical .half .imgwrapper{
	display: inline-block;
	position:relative;
	margin-top: 20px;
}

.clinical .half .imgwrapper div{
	position: absolute;
	bottom:0;
	right:-60px;
	font-size:12px;
	font-weight: bold;
}

.aligncenter{
	text-align: center;
}

.marginauto{
	display: block;
	margin:auto;
}

.fullwidth{
	width:100%;
}

.clinical .half .textfont img{
	max-width: 100%;
	margin-bottom: 10px;
}

.centerfadein{
	background-position: center;
	background-image:url(../img/pages/schoolguide/clinical/sec_05_back.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
}

.centerfadein .centerfadeininner{
	padding:40px 10px 0px;
}

.centerfadein .centerfadeininner h3{
	font-size:40px;
	letter-spacing: 2px;
	color:#086936;
	padding:5px;
	margin-bottom: 40px;
	line-height: 60px;
}

.centerfadein .centerfadeininner .content{
	line-height: 35px;
}

.centerfadein .centerfadeininner{
	line-height: 35px;
	opacity:0;
	
	
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.centerfadein.show .centerfadeininner{
	opacity:1;
}

.clinical .buttonhalf{
	width:49%;
	margin-right: 2%;
	float:left;
	margin-bottom: 40px;
	text-align: center;
}

.clinical .buttonhalf:nth-child(2n){
	margin-right: 0;
}

.clinical .buttonhalf .greentext{
	color:#086936;
	font-size:16px;
}

.clinical .buttonhalf .orangetext{
	color:#ff6501;
	font-size:16px;
}
.clinical .buttonhalf img{
	width:100%;
	margin-top: 10px;
}

@media (pointer: fine) {
	.clinical .buttonhalf a:hover{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
	}
}

.contentwidth.posrel{
	position: relative;
}

.linkanchor{
	position: absolute;
	top:-70px;
}

.greenbg .img800{
	width:100%;
	display: none;
	padding:30px 0;
	text-align: center;
}

.greenbg .img800 img{
	max-width:80% !important;
}
	
.greenbginner650{
	display: none;
	padding:0px 10px 40px;
	text-align: center;
}

.greenbginner650 .smaller img{
	width:400px;
	max-width: 80% !important;
}

.mt50{
	margin-top:50px;
}

.rightside{
	background-color:#006a34;
	width:35px;
	color:white;
	cursor:pointer;
}

.rightside .notopen{
	/*writing-mode: vertical-rl;
	-ms-writing-mode:rl-tb;*/
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
	position: relative;
	padding-top: 50px;
	font-size:14px;
	line-height: 35px;
	padding-bottom:162px;
	letter-spacing: 2px;
	display: inline-block;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
}
.rightside .notopen div{
	position: absolute;
	bottom:20px;
	left:0px;
	font-size:12px;
	writing-mode:horizontal-tb;
	-ms-writing-mode:rl-tb;	
	line-height: 15px;
	width:35px;
	text-align: center;
}

.rightside.open,.rightside:hover{
	width:170px;
}

.rightside.open .notopen,.rightside:hover .notopen{
	display: none;
}

.rightside .isopen{
	display: none;
}

.rightside.open .isopen,.rightside:hover .isopen{
	display: block;
}

.rightside .isopen a{
	color:white;
	display: block;
	width:170px;
	padding:10px 25px 10px 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-bottom: 1px solid white;
	box-sizing: border-box;
}

.rightside .isopen a:last-child{
	 border-bottom:none;
}
.rightside .isopen a img{
	position: absolute;
	top:48%;
	top: calc(50% - 10px);
	right:10px;
	height:20px;
	width:auto;
}

.rightside .isopen a.oneline{
	line-height: 40px;
}

.rightside .isopen a.twoline{
	line-height: 20px;
}

.rightside .isopen a.threeline{
	line-height: 17px;
}
.rightside .isopen a.threeline div{
	line-height: 6px;
	display:block;
	height:6px;
}

.fixlink{
	background-color:#006a34;
	border-right: 1px solid white;
	color:white;
	padding:10px 3px;
	width:20%;
	text-align: center;
	display: inline-block;
	float:left;
}

.fixlink img{
	max-width: 100%;
}

.fixlink:nth-child(5n){
	border-right: 1px solid #006a34;
}

#fixlinkplaceholder{
	position: relative;
}
#fixlinkwrapper{
	position: absolute;
	width:100%;
	top:0;
	left:0;
	z-index: 2;
	border-top: 1px solid white;
}

#fixlinkwrapper.fixed{
	position: fixed;
	top:93px;
}

.topnegative{
	margin-top: -10px;
}
	
@media screen and (max-width:900px){
	.clinical .half .h4wrapper h4{
		font-size:15px;
	}
}

@media screen and (max-width:800px){
	.greenbg .verticaltext{
		display: none;
	}
		
	.greenbg .img800{
		display: block;
	}
	
	.greenbg.sectionpadding{
		padding:40px 10px 0;
	}
	
	.sidepic.sidepic1 .verticaltext{
		right:30%;
	}
}
@media screen and (max-width:750px){
	.mainvisual .mainarrow img{
		width:60px;
	}
	
	.clinical .half .h4wrapper{
		height:auto;
	}

	.clinical .half .h4wrapper h4{
		position: relative;
		font-size:18px;
	}
	
	.clinical .half{
		width:100%;
		margin-right: 0;
		float:none;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	

	.linkanchor{
		top:-150px;
	}
	
	.clinical .half .imgwrapper{
		width:150px;
		margin-top: 0px;
		margin-bottom: 40px;
	}
	
	.clinical .half .imgwrapper div{
		right:-80px;
	}
	
	.contentwidth.withpadding.lesspadding{
		padding:0 10px;
	}
	
	.clinical .buttonhalf{
		width:49.5%;
		margin-right: 1%;
	}
	
	.clinical .buttonhalf:nth-child(2n){
		margin-right: 0;
	}

}
@media screen and (max-width:700px){
	#fixlinkwrapper.fixed{
		top:65px;
	}
}
@media screen and (max-width:650px){
	.greenbginner{
		display: none;
	}
	
	.greenbginner650{
		display: block;
	}
	
}
@media screen and (max-width:550px){
	.clinical .half .h4wrapper h4{
		font-size:14px;
	}
}
@media screen and (max-width:500px){
	#fixlinkwrapper.fixed{
		top:48px;
	}
}
@media screen and (max-width:450px){
	.clinical .half .h4wrapper h4{
		font-size:17px;
		line-height: 25px;
	}
	
	.textfont{
		font-size: 14px;
	}
}

.clinical .piechart {
	text-align: right;
}

@media screen and (max-width:750px){
	.clinical .piechart {
		text-align: center;
	}
}