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

body {
	font-size: 100%; /* 16px */
	color: #000000;
	background: #ffffff;
	line-height: 1.75;
	word-break:break-word;
}

a,
span,
img{
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
}

a, a:link, a:visited {
	color: #008E51;
}

a:hover {
	color: #008E51;
}

#top {
	position: relative;
}

#md-site {
	padding-bottom: 50px;
}

.container-inner {
	width: auto;
}
	
	.fade-in {
		opacity : 0.0;
		-webkit-transform : translate(0, 50px);
		-moz-transform : translate(0, 50px);
		-o-transform : translate(0, 50px);
		-ms-transform : translate(0, 50px);
		transform : translate(0, 50px);
		-webkit-transition : all 500ms;
		-moz-transition : all 500ms;
		-o-transition : all 500ms;
		-ms-transition : all 500ms;
		transition : all 500ms;
	}
	.scroll-in {
		opacity : 1;
		-webkit-transform : translate(0, 0);
		-moz-transform : translate(0, 0);
		-o-transform : translate(0, 0);
		-ms-transform : translate(0, 0);
		transform : translate(0, 0);
	}



/* HEADER */


#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background-color: transparent;
	z-index:3000;
}
#header.mdnav{
	position:fixed;
	background-color: rgba(0,103,72,0.9);
}

#header .container-inner {
	padding: 10px 70px 10px 15px;
}

#header .primary{
}
#header .h-logo {
	display:block;
	margin:0;
	line-height:0;
}
#header .h-logo a {
	display: block;
	width: 100%;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url("/faculty/medicine/resident/images/common/h-logo_sp.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	text-decoration:none;
}
#header.mdnav .h-logo a {
	background-image: url("/faculty/medicine/resident/images/common/h-logo_sp02.png");
}
#header .h-logo a:hover,
#header .h-logo a:active {
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
#header .h-logo a img {
	width: auto;
	max-height: 40px;
}

#header .secondary{
	display:none;
}



/* FOOTER */

#footer {
	color: #ffffff;
	background-color: #006748;
}

#footer .container-inner {
	padding: 20px;
}

#footer a{
	color: #ffffff;
}

#footer .f-sign{
    margin-bottom: 25px;
}

#footer .f-name{
	margin-bottom: 15px;
	text-align: center;
}
#footer .f-name a{
    font-size: 120%;
	font-weight:bold;
	text-decoration:none;
}
#footer .f-name a:hover {
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
#footer .f-name a img{
	max-width: 90%;
	height: auto;
}
#footer .f-address{
	margin-bottom: 10px;
	line-height: 1.866667;
	text-align: center;
}
#footer .f-address .f-place,
#footer .f-address .f-tel,
#footer .f-address .f-fax{
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
	font-size: 93.75%;
}
	#footer .f-btn{
		text-align: center;
	}
#footer .f-btn .btn{
    display: inline-block;
    vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 10px;
}
#footer .f-btn .btn:last-child{
	margin-right: 0;
}
#footer .f-btn .btn a{
	display:inline-block;
	padding: 10px 15px 10px 26px;
	font-size: 93.75%;
	text-decoration:none;
	background-image: url("/faculty/medicine/resident/images/common/anchor-type01_w.png");
	background-position: -2px center;
	background-repeat: no-repeat;
	background-size: auto 10px;
	border:1px solid #ffffff;
}
#footer .f-btn .btn a:hover{
	background-color: rgba(255,255,255,0.3);
}
#footer .copyright {
	margin: 0;
	padding:10px 0;
	font-size: 81.25%;
	line-height: 1.866667;
	text-align:center;
}






/* NAVIGATION */

#nav{
    display: none;
}

#sp-menu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 3500;
	margin-bottom:0;
}

#sp-menu a {
}

#sp-menu .menu {
	float: right;
	width: 43px;
	height: 60px;
	margin-bottom: 10px;
}

#sp-menu .tel {
	float: right;
	width: 50px;
	height: 60px;
}

#sp-menu .menu a {
	display: block;
	width: 100%;
	height: 100%;
	position:relative;
	background-color: rgba(255,255,255,0.9);
}
#sp-menu .menu a.close {
	background-color: transparent;
}

	#sp-menu .menu a .icon{
		display: block;
		position: absolute;
		top:35%;
		left:0;
		right:0;
		margin:auto;
		width: 20px;
		height: 3px;
		background: #006748;
		transition: .2s;
	}
	#sp-menu .menu a .icon:before,
	#sp-menu .menu a .icon:after{
		display: block;
		content: "";
		position: absolute;
		top: 35%;
		left: 0;
		right:0;
		margin:auto;
		width: 20px;
		height: 3px;
		background: #006748;
		transition: .3s;
	}
	#sp-menu .menu a .icon:before{
		margin-top: -8px;
	}
	#sp-menu .menu a .icon:after{
		margin-top: 6px;
	}
	#sp-menu .menu a.close .icon{
		background: transparent;
	}
	#sp-menu .menu a.close .icon:before,
	#sp-menu .menu a.close .icon:after{
		margin-top: 0;
		background-color: #ffffff;
	}
	#sp-menu .menu a.close .icon:before{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#sp-menu .menu a.close .icon:after{
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}


	#sp-menu .menu a .text{
		display: block;
		position: absolute;
		bottom:10%;
		left:0;
		right:0;
		margin:auto;
		color:#006748;
		font-size: 56.25%;
		letter-spacing: -0.08em;
		font-weight:bold;
		text-align:center;
	}
	#sp-menu .menu a.close .text{
		color: #ffffff;
	}




#md-nav {
	position:fixed;
	top:60px;
	right:0;
	bottom:50px;
	left:0;
	overflow:auto;
	margin:auto;
	z-index:2000;
	display:none;
	background-color: rgba(0,103,72,0.9);
}


.nav-list{
	margin: 40px;
    text-align: center;
	position:relative;
	text-align: left;
}
.nav-list > li{
	margin-bottom: 10px;
}
.nav-list > li:last-child{
	margin-bottom: 0;
}

.nav-list > li > a{
	display:block;
	padding:10px 0 10px 40px;
	color:#ffffff;
    font-size: 112.5%; /* 18px */
	font-weight:bold;
	line-height: 1.5;
	text-decoration:none;
    position: relative;
}
.nav-list > li.home > a{
    font-size: 118.75%; /* 19px */
	font-family: 'Oswald';
	font-weight: normal;
}
.nav-list > li > a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 30px;
	height: 3px;
	background-color: transparent;
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
}
.nav-list > li > a:hover,
.nav-list > li.on > a{
	color: #E1E300;
}
.nav-list > li > a:hover:before,
.nav-list > li.on > a:before{
	background-color: #E1E300;
}
.nav-list > li > .subbox{
	display: none;
	margin-top: 5px;
	margin-bottom: 20px;
    padding: 10px 15px;
    background-color: rgba(255,255,255,0.9);
}
.nav-list > li > .subbox > .inner-box{
	position: relative;
}
.nav-list > li > .subbox > .inner-box > ul{
	margin-bottom: 0;
}
.nav-list > li > .subbox > .inner-box > ul > li{
}
.nav-list > li > .subbox > .inner-box > ul > li a{
	display: inline-block;
	color: #006748;
	font-weight: bold;
	line-height: 1.5;
}
.nav-list > li > .subbox > .inner-box > ul > li > a{
	display: block;
	padding: 15px 50px 15px 0;
	position: relative;
}
.nav-list > li > .subbox > .inner-box > ul > li > a:after{
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	background-color: transparent;
	background-image: url("/faculty/medicine/resident/images/common/anchor-type01.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
}
.nav-list > li > .subbox > .inner-box > ul > li > a:hover:after,
.nav-list > li > .subbox > .inner-box > ul > li.on > a:after{
	background-color: #E1E300;
}
.nav-list > li > .subbox > .inner-box > ul > li:nth-child(-n+2) > a .ln{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	position: absolute;
	right: 0;
	bottom: -5px;
	left: 0;
	margin: auto;
	overflow: hidden;
}
.nav-list > li > .subbox > .inner-box > ul > li:nth-child(-n+2) > a .ln:before,
.nav-list > li > .subbox > .inner-box > ul > li:nth-child(-n+2) > a .ln:after{
	content: "";
	flex: 1;
	height: 1px;
	background-color: #006748;
}
	.nav-list > li > .subbox > .inner-box > ul > li > a.subparent .ln:after{
	}
.nav-list > li > .subbox > .inner-box > ul > li:nth-child(-n+2) > a .ln .lninner{
	display: inline-block;
	vertical-align: bottom;
	width: 8px;
	height: 12px;
	background-image: url("/faculty/medicine/resident/images/common/nav-bln.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 8px auto;
}
	.nav-list > li > .subbox > .inner-box > ul > li > ul{
		margin-top: 10px;
		margin-bottom: 15px;
		padding-top: 10px;
	}
	.nav-list > li > .subbox > .inner-box > ul > li > ul > li{
		margin-bottom: 5px;
	}
	.nav-list > li > .subbox > .inner-box > ul > li > ul > li:last-child{
		margin-bottom: 0;
	}
	.nav-list > li > .subbox > .inner-box > ul > li > ul > li a{
		display: inline-block;
		padding-left: 22px;
		position: relative;
	}
	.nav-list > li > .subbox > .inner-box > ul > li > ul > li a:before{
		content: "";
		display: block;
		position: absolute;
		top: 6px;
		left: 0;
		margin: auto;
		width: 12px;
		height: 12px;
		background-color: #006748;
		transition-duration:0.3s;
		-webkit-transition-duration:0.3s;
		-moz-transition-duration:0.3s;
		-o-transition-duration:0.3s;
		-ms-transition-duration:0.3s;
	}
	.nav-list > li > .subbox > .inner-box > ul > li > ul > li > a:hover:before,
	.nav-list > li > .subbox > .inner-box > ul > li > ul > li.on > a:before{
		background-color: #E1E300;
	}


	
.nav-btn{
    display: flex;
    justify-content: center;
	flex-direction: column;
    flex-wrap: wrap;
    gap: 15px 10px;
	margin: 40px 40px 60px;
    text-align: center;
}
.nav-btn .btn > a{
    display: inline-block;
	width: 250px;
    padding: 8px 20px 8px 32px;
    color: #006748;
    font-weight: bold;
    text-decoration: none;
    background-color: #ffffff;
	background-image: url("/faculty/medicine/resident/images/common/anchor-type01.png");
	background-position: left -2px center;
	background-repeat: no-repeat;
	background-size: 20px auto;
}
.nav-btn .btn > a:hover{
	text-decoration:none;
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
    .nav-list > li > a.parent{
        position: relative;
        padding-right: 30px;
    }
    .nav-list > li > a.parent:after{
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
		background-image: url("/faculty/medicine/resident/images/common/anchor-type01_w.png");
		background-position: right center;
		background-repeat: no-repeat;
		background-size: auto 15px;
        transition-duration:0.3s;
        -webkit-transition-duration:0.3s;
        -moz-transition-duration:0.3s;
        -o-transition-duration:0.3s;
        -ms-transition-duration:0.3s;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .nav-list > li > a.parent.open:after{
		background-image: url("/faculty/medicine/resident/images/common/anchor-type01_c02.png");
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }













/* TITLE */

#title {
	margin: 0;
	position: relative;
	overflow: hidden;
}
#title .title-bg,
#title .title-stripe{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	height: 100%;
}
#title .title-bg{
	right: 0;
	z-index: 2;
	width: 100%;
	background-image: url("/faculty/medicine/resident/images/common/title-bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#title .title-bg:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image: url("/faculty/medicine/resident/images/common/title-bg_wrap.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 75% auto;
}
#title .title-stripe{
	left: 0;
	z-index: 3;
	width: 75%;
}
#title .title-stripe .stripe01{
	position: absolute;
	top: 0;
	right: 59.5833333%;
	left: 0;
	margin: auto;
	padding-top: 30.9375%; /* 594px */
	background-image: url("/faculty/medicine/resident/images/common/title-stripe01.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 4;
}
#title .title-stripe .stripe_sub{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	padding-top: 78.125%; /* 750px */
	z-index: 3;
	opacity: 0.95;
}
#title .title-stripe .stripe_sub .stripe02{
	position: absolute;
	top: 0;
	right: 29.1666667%;
	left: 0;
	margin: auto;
	padding-top: 55.9375%; /* 537px */
	background-image: url("/faculty/medicine/resident/images/common/title-stripe02.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}
#title .title-stripe .stripe_sub .stripe03{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	padding-top: 100%; /* 750px */
	background-image: url("/faculty/medicine/resident/images/common/title-stripe03.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
}

#title .inner-wrapper {
	min-height: 150px;
	padding-top: 60px;
	display: -webkit-flex;
	display: flex;
    -webkit-align-items: center;
    align-items: center;
	position: relative;
	z-index: 4;
	box-sizing: border-box;
}

#title .title-box {
	display: inline-block;
	width: 80%;
	padding: 15px;
}

#title .level01 {
	margin-bottom: 0;
	color:#ffffff;
	font-size: 93.75%; /* 15px */
	font-weight:bold;
	line-height:1.5;
	text-shadow: 0px 0px 2px #008E51, 0px 0px 4px #008E51;
}
#title .level01 strong {
	font-weight: bold;
}

#title .title {
	margin-bottom:0;
	color:#ffffff;
	font-size: 150%; /* 24px */
	font-weight:bold;
	line-height:1.5;
	text-shadow: 0px 0px 2px #008E51, 0px 0px 4px #008E51;
}
	
	/* 250530 start */
	#title .ps{
		margin-bottom: 0;
		color:#ffffff;
		font-size: 93.75%; /* 15px */
		font-weight:bold;
		line-height:1.5;
		text-shadow: 0px 0px 2px #008E51, 0px 0px 4px #008E51;
	}
	/* 250530 end */


/* CONTENT */

#content {
}

#content .container-inner {
	padding: 10px 15px;
}

	#breadcrumb{
		margin-bottom: 20px;
	}
#breadcrumb li{
	display:inline-block;
	vertical-align:middle;
	font-size:85.7142%;
}
#breadcrumb li a{
	color:#000000;
}
#breadcrumb li.on{
	color:#000000;
	font-weight:bold;
}

#c-wrapper {
}

#main {
	margin-bottom:50px;
}

#side {
	padding:10px;
}

#content #side #snav {
	padding:0 10px;
}

.section {
	margin-bottom: 60px;
}

.section-s {
	margin-bottom: 40px;
}

.section-ss {
	margin-bottom: 20px;
}

.section-sss {
	margin-bottom: 10px;
}

.section-ssss {
	margin-bottom: 5px;
}

.pagetop {
	position:fixed;
	bottom:50px;
	right:0;
	text-align: right;
	margin: 0;
	z-index:5000;
}
.pagetop a {
	display:block;
	width: 50px;
	height: 50px;
	line-height:0;
	text-decoration:none;
	background-color: #E1E300;
	position: relative;
}

.pagetop a:hover {
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
.pagetop a img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.inlink{
	margin-top:-65px;
	padding-top:65px;
}
	
	/* FIXEDLABEL */
	
	/*
	.fixedlabel-box{
		width: 30px;
		position: fixed;
		top: 60px;
		right: 0;
		z-index: 1500;
	}
	.fixedlabel-box .items{
		display: block;
		width: 30px;
		background-color: #ffffff;
	}
	.fixedlabel-box .items a{
		display: block;
		height: 80px;
		white-space: nowrap;
		text-indent: 100%;
		overflow: hidden;
		text-align: center;
		background-color: #006748;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 12px auto;
	}
	.fixedlabel-box .items.clinical a{
		background-color: #006748;
		background-image: url("/faculty/medicine/resident/images/common/fixedlabel-clinical.png");
	}
	.fixedlabel-box .items.specialized a{
		background-color: #008050;
		background-image: url("/faculty/medicine/resident/images/common/fixedlabel-specialized.png");
	}
	.fixedlabel-box .items.dentistry a{
		background-color: #008E51;
		background-image: url("/faculty/medicine/resident/images/common/fixedlabel-dentistry.png");
	}
	.fixedlabel-box .items a:hover{
		filter:alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
		-moz-opacity:0.6;
		-khtml-opacity: 0.6;
		opacity:0.6;
		zoom:1;
	}
	*/
	
	.fixedlabel-box{
		width: 100%;
		height: 50px;
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1500;
		display: flex;
		align-items: center;
	}
	.fixedlabel-box .items{
		display: flex;
		align-content: stretch;
		flex: 1;
		background-color: #ffffff;
	}
	.fixedlabel-box .items a{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		color: #ffffff;
		font-size: 87.5%; /* 14px */
		text-align: center;
		text-decoration: none;
		background-color: #006748;
	}
	.fixedlabel-box .items.clinical a{
		background-color: #006748;
	}
	.fixedlabel-box .items.specialized a{
		background-color: #008050;
	}
	.fixedlabel-box .items.dentistry a{
		background-color: #008E51;
	}
	.fixedlabel-box .items a:hover{
		filter:alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity:0.7;
		zoom:1;
	}



	/* 220628 */
	#footer .link-box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: 15px;
		margin-bottom: 10px;
	}
	#footer .link-box .links{
		text-align: center;
		box-sizing: border-box;
		width: calc( 50% - 5px);

	}
	#footer .link-box .links a{
		font-size: 87.5%;
		display: inline-block;
		text-decoration: none;
		width: 100%;
		font-weight: bold;
		border: 1px solid #ffffff;
		padding: 13px 5px ;
		line-height: 1.3;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}


	/* 240604 */
	/* #top #js_move-target_recbtn  */

	#top .side-recruit{
		position: fixed;
		top: 68px;
		right: 0;
		z-index: 2050;
	}
	#top .side-recruit .links{
		display: inline-block;
		width: 43px;
		background-color: rgb(255 255 255 /0.9);
		text-align: center;
		padding: 18px 0 8px;
		background-image: url(/faculty/medicine/resident/images/common/sp_side-arrow.svg);
		background-position: center top;
		background-size: 8px 13px;
		background-repeat: no-repeat;
	}

}