@charset "utf-8";

/*
Theme Name: psycho
Theme URI: 
Description: 日本大学医学部精神医学系精神医学分野ウェブサイト
Version: 1.0
Author: 1M Inc.
Author URI: https://ichiem.jp
*/

/* {
	border: dotted 1px #f00;
}
*/


/*ページレイアウト指定*/
/*Set up a "footer" at the bottom of the page.
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;

	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%
}

footer {
	margin-top: auto;
}
*/

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}



body {
	background: #fff;
}

.index #wrapper {
	background:	url(images/index_header_bg.png) repeat-x center top;
}

.index .container {
	clear: both;
	max-width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 100px 0px 100px;
}

.pages .container {
	clear: both;
	max-width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.txtArea {
	min-height: 600px;
}



/*Swiper*/
.swiperContainer {
	position relative;　/*parent A*/
	width: 100%;
	max-width: 1400px;
	height: 854px;
	margin: 0px auto;
	z-index: 100;
}

.swiper {
	width: 100%;
	height: 854px;
	margin: 0px auto;
}

.thumb {
	max-width: 1400px;
	height: 112px;
	padding: 0px;
	overflow: hidden;
	background: rgba(0, 30, 50, 0.7);
}

.thumb img {
	max-width: 280px;
 }

.slide2 {
	position: absolute;	/*child A*/
	top: 457px;
	z-index: 200;
	max-width: 100%;
}



.index header .titleAreaParent {
	position: relative;　/*parent B*/
	width: 100%;
	max-width: 1400px;
	margin: 0px auto;
}

.index header .titleArea_bg_overlay {
	position: absolute;	/*child B*/
	top: 569px;
	z-index: 300;
	width: 100%;
	height: 229px;
	background:	url(images/titleArea_bg.png) no-repeat center bottom;
	mix-blend-mode: multiply;
}

.index header .titleArea_bg {
	position: absolute;	/*child B*/
	top: 600px;
	z-index: 310;
	width: 100%;
	height: 229px;
}

.index header .titleArea {
	width: 100%;
	max-width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.index .titleArea h1 {
	padding: 0px 0px 10px 0px;
}

.index .titleArea p.leadcopy {
	font-size: 1.4rem;
	line-height: 2.2;
	color:	#fff;
	font-weight: bold;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
}

/*indexのフォームボタン*/
.index .toFormBtn {
	position: absolute;	/*children B*/
	top: 30px;
	right: 200px;
	z-index: 330;
}

.index .toFormBtn:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/*臨時告知 医局説明会*/
.announce {
	position: absolute;	/*children B*/
	top: 20px;
	right: 100px;
	width: 500px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.8);
	border: 2px solid #aaa;
	border-radius: 8px;
	z-index: 400;
}

.announce p {
	font-size: 1.4rem !important;
	line-height: 1.8 !important;
	color:	#000 !important;
	text-shadow: none !important;
}

.announce p a {
	color: #008;
	text-decoration: underline;
}



.pages header {
	height: 208px;
	box-shadow: 0px 3px 7px #ddd;
}

.pages header .titleArea {
	height: 90px;
	margin: 0px 0px 22px 0px;	/*ページのメニューボタンの上のアキ*/
	background: url(images/pages_header_bg.png) repeat-y center top;
	box-shadow: 0px 3px 7px #ddd;
}

.pages header .container {
	position: relative;　/*parent C*/
}

.pages .siteTitle {
	margin: 30px 0px 0px 0px;
}

/*ホームボタン*/
.toHomeBtn {
	position: absolute;	/*children C*/
	top: 30px;
	right: 0px;
}

pagesのフォームボタン
.pages .toFormBtn {
	position: absolute;	/*children C*/
	top: 12px;
	right: 100px;
}

.pages .toFormBtn:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.pages .inquiry {
	position: absolute;	/*children C*/
	top: 13px;
	right: 100px;
}

.inquiry {
	display: flex;
	justify-content: space-between;
	column-gap: 8px;
	align-items: center;
	padding: 12px 16px 12px 16px;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid #ccc;
	border-radius: 6px;
}

.inquiry a {
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.3;
	color: #257;
}

.inquiry a:hover {
	color: #000;
}

.inquiry img {
	margin: 0px 0px 0px 0px;
	opacity: 0.9;
}





/*メインメニュー*/

.index .globalNav {
	max-width: 1200px;
	height: 108px;
	margin: 50px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.pages .globalNav {
	height: 74px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

/*メインメニュー親要素*/
.globalNav>ul {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	list-style-type: none;

}

.globalNav ul li.parentMenu {
	z-index: 500;
	width: 19.5%;
	display: table;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	background: #fff;
	border: solid 1px #899dcf;
	border-radius: 6px;
}

/*index用*/
.index .globalNav ul li.parentMenu a {
	height: 90px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 0px 0px 12px;	/*色帯までのアキ*/
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: bold;
	color: #454545;
	text-decoration: none;
}

/*pages用*/
.pages .globalNav ul li.parentMenu a {
	height: 70px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 0px 0px 12px;	/*色帯までのアキ*/
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: bold;
	color: #454545;
	text-decoration: none;
}


/*色オピ*/
.index .globalNav ul li.parentMenu a span {
	padding: 10px 0px 10px 26px;	/*色帯からラベル文字までのアキ*/
}

.pages .globalNav ul li.parentMenu a span {
	padding: 6px 0px 6px 26px;	/*色帯からラベル文字までのアキ*/
}

/*2行のラベル*/
.globalNav ul li.parentMenu:last-child a span {
	padding: 1px 0px 1px 26px;	/*色帯からラベル文字までのアキ*/
}


.globalNav ul li.parentMenu:nth-of-type(1) a span {
	border-left: 5px solid #a1a1bf;
}

.globalNav ul li.parentMenu:nth-of-type(2) a span {
	border-left: 5px solid #4f6f99;
}

.globalNav ul li.parentMenu:nth-of-type(3) a span {
	border-left: 5px solid #78a886;
}

.globalNav ul li.parentMenu:nth-of-type(4) a span {
	border-left: 5px solid #e3ace8;
}

.globalNav ul li.parentMenu:nth-of-type(5) a span {
	border-left: 5px solid #3d5388;
}


.globalNav ul li a:hover {
	background: #daeafa;
}

.globalNav ul li.current_page_item a {
}



/*メインメニュー子要素*/
.globalNav ul li ul.sub-menu {
	position: absolute;
	left: 0px;
	z-index: 510;
  width: 98%;
	margin-left: 0%;
	padding: 0px 0px 0px 0px;
	visibility: hidden;
	background: rgba(250, 250, 250, 0.98);
	border: solid 1px #899dcf;
	border-radius: 6px;
	opacity: 0;
	transition: 0.0s;
	box-shadow: 2px 2px 8px rgba(200, 200, 200, 0.7);
}

.index .globalNav ul li ul.sub-menu {
	top: 92px;
}

.pages .globalNav ul li ul.sub-menu {
	top: 72px;
}

.globalNav ul li:hover ul.sub-menu {
	visibility: visible;
	opacity: 1.0;
	transition: 0.3s;
}

.globalNav ul li.parentMenu ul.sub-menu li {
}

.globalNav ul li.parentMenu ul.sub-menu li a {
	display: block;
	height: auto;
	padding: 24px 24px 24px 40px;
	font-size: 1.4rem;
	color: #003;
	font-weight: bold;
	border-bottom: 1px solid #daeafa;
}


.globalNav ul li.parentMenu ul.sub-menu li:nth-of-type(1) a {
	padding: 40px 24px 24px 40px;
}


.globalNav ul li ul.sub-menu li a:hover {
	color: #000;
	background: #daeafa;
	visibility: visible;
	opacity: 1.0;
}





/*フッター*/
footer {
	margin: 100px 0px 0px 0px;
	padding: 20px 0px 40px 0px;
	background: url(images/footer_bg.png) repeat-y center top;
}

/*フッター内ナビ*/
.footerNav {
	padding: 0px 0px 40px 0px;
	border-bottom: 1px solid #bfc2c5;
}

.footerNav .toindex a {
	display: block;
	padding: 0px 0px 7px 0px;
	font-size: 1.3rem;
	color:	#eee;
	font-weight: bold;

}


.footerNav .container>ul {
	display: flex;
	justify-content: space-between;
}

.footerNav .container>ul>li {
	font-size: 1.3rem;
	color:	#eee;
	font-weight: bold;
}

.footerNav .container ul li a {
	font-size: 1.3rem;
	line-height: 1.8;
	color: #ddd;
	font-weight: normal;
	text-shadow: 0px 0px 3px #038;
}

.footerNav .container ul li a:hover {
	color: #5cf;
	text-shadow: 0px 0px 3px #005;
}

.footerNav .container ul li a.itabashiH {
	display: block;
	padding: 30px 0px 0px 0px;
	font-size: 1.3rem;
	color: #eee;
	font-weight: bold;
	text-shadow: 0px 0px 3px #038;
}
.footerNav .container ul li a.nichidaiH {
	font-size: 1.3rem;
	color: #eee;
	font-weight: bold;
	text-shadow: 0px 0px 3px #038;
}

.footerNav .container ul li a.itabashiH:hover,
.footerNav .container ul li a.nichidaiH:hover {
	color: #5cf;
	text-shadow: 0px 0px 3px #005;
}



footer .container {
	padding: 30px 0px 40px 0px;
}

footer p.division {
	margin: 0px 0px 1px 0px;
	padding: 20px 0px 0px 0px;
	font-size: 1.3rem;
	color:	#e5e5e5;
	font-weight: bold;
}

footer p.address {
	margin: 0px 0px 2px 0px;
	font-size: 1.3rem;
	color:	#ddd;
}

footer p.copyright {
	font-size: 1.1rem;
	color:	#bbb;
}





/*Page topへ*/ 
#page-top {
	position: fixed;
	bottom: 200px;
	right: 100px;
	z-index: 600;
}

#page-top a {
	background: url(images/toTop.png) no-repeat;
	width: 61px;
	height: 61px;
	display: block;
}

#page-top a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}





/*index 新着情報*/
.frame_secondary {
	display: flex;
	justify-content: space-between;
	margin: 30px 0px 0px 0px;	/*indexのメニューボタンの下のアキ*/
}

iframe {
	width: 100%;
	height: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	overflow-y: scroll;
}

.frame_news {
	width: 54%;
}

.frame_update {
	width: 44%;
}

.newsTitle {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 2px 0px;
	font-size: 1.65rem;
	line-height: 1.5;
	color:	#000;
	font-weight: bold;
	letter-spacing: 0.3em;
	border-bottom: 4px solid #658193;
}





/*テキスト指定*/
.txtArea h1 {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 4px 0px;
	font-size: 2.7rem;
	line-height: 1.5;
	color:	#000;
/*
	font-weight: bold;
*/
	border-bottom: 11px solid #989cbf;
}

.txtArea h1 span {
	font-size: 2.0rem;
}

.txtArea h2 {
	margin: 50px 0px 20px 0px;
	padding: 0px 0px 4px 0px;
	font-size: 2.0rem;
	line-height: 1.5;
	color:	#333;
	font-weight: bold;
	border-bottom: 4px solid #888caf;
}

.txtArea h2:nth-of-type(1) {
	margin: 0px 0px 20px 0px;
}

.txtArea h2 span {
	font-size: 1.6rem;
}

.txtArea h3 {
	margin: 30px 0px 10px 0px;
	padding: 10px 0px 10px 14px;
	font-size: 1.7rem;
	line-height: 1.5;
	color:	#333;
	font-weight: bold;
	border-left: 5px solid #888caf;
}

.lecture .txtArea h3{	/*学会・講演会*/
	margin: 70px 0px 10px 0px;
	border-bottom: 1px solid #c8ccdf;
}

.txtArea h3:nth-of-type(1),
.lecture .txtArea h3:nth-of-type(1) {
	margin: 0px 0px 10px 0px;
}

.txtArea h3 span {
	font-size: 1.45rem;
}


.messHeadParent {	/*メッセージ*/
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 2px dotted #c8ccdf;
}

.message .txtArea h3,
.message .txtArea h3:nth-of-type(1) {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	border: none;
}

/*メッセージ 入局年*/
.message .txtArea .year {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.messageBody {/*メッセージ 本文の下のアキ*/
	margin: 0px 0px 50px 0px;
}


.txtArea h4 {
	margin: 20px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.55rem;
	line-height: 1.5;
	color:	#333;
	font-weight: bold;
}

.txtArea h4:nth-of-type(1) {
	margin: 0px 0px 15px 0px;
}

.txtArea h4 span {
	font-size: 1.35rem;
}

.txtArea p,
.txtArea dl,
.txtArea ul,
.txtArea ol,
.txtArea table {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	line-height: 2.0;
	color:	#000;
}

.txtArea p {
	margin: 0em 0em 0.5em 0em; 
}

.txtArea ul {
	margin: 0em 0em 0em 1.5em; 
	list-style: disc;
}

.txtArea ol {
	margin: 0em 0em 0em 1.5em; 
	line-height: 1.8;
}

.txtArea ol li {
	padding: 0px 0px 10px 0px;
}



hr {
	clear: both;
	visibility:  hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*パンクズ*/
.txtArea .crumb {
	margin: 10px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.3rem;
	line-height: 1.8;
	color:	#333;
}

/*更新日*/
.txtArea .update {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	font-size: 1.25rem;
	line-height: 1.8;
	color:	#555;
	text-align: right;
}





/*frame内*/
.frame h2 {
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 5px 8px;
	font-size: 1.45rem;
	line-height:1.6;
	color: #333;
	font-weight: bold;
	background: #cee8e4;
}

.frame p,
.frame dl {
	margin: 0px 0px 8px 8px;
	font-size: 1.45rem;
	line-height:1.7;
}

.frame dl.update {
	font-size: 1.4rem;
}

.frame dl dt {
	float: left;
	margin: 0em 0em 0em 0em;
	padding: 0px 0px 3px 0px;
}

.frame dl dd {
	margin: 0em 0em 0em 9.5em;
	padding: 0px 0px 3px 0px;
}



/*過去に掲載したお知らせ*/
.previousnews .txtArea h2 {
	margin: 50px 0px 5px 0px;
	padding: 5px 5px 5px 8px;
	font-size: 1.4rem;
	line-height:1.6;
	color: #333;
	font-weight: bold;
	background: #cee8e4;
	border: none;
}

.previousnews .txtArea p,
.previousnews .txtArea dl {
	margin: 0px 0px 8px 8px;
	font-size: 1.45rem;
	line-height:1.7;
}

.previousnews .txtArea dl dt {
	float: left;
	margin: 0em 0em 0em 0em;
	padding: 0px 0px 3px 0px;
}

.previousnews .txtArea dl dd {
	margin: 0em 0em 0em 9.5em;
	padding: 0px 0px 3px 0px;
}




/*
individual____________________________________________________________*/

/*沿革*/
.profile .txtArea dl {
}

.profile .txtArea dl dt {
	float: left;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #c8ccdf;
	background: #fff;
}

.profile .txtArea dl dd {
	padding: 5px 0px 5px 0px;
	padding-left: 10em;
	border-top: 1px solid #c8ccdf;
	background: #fff;
}



/*スタッフ　学術奨励賞、これまでの受賞者*/
.teachers .txtArea dl,
.encourage .txtArea dl {
	margin: 0px 0px 50px 0px;
	line-height: 1.6;
}

.teachers .txtArea dl dt,
.encourage .txtArea dl dt {
	font-weight: bold;
	padding: 5px 0px 0px 14px;
	border-bottom: 1px solid #c8ccdf;
	border-left: 5px solid #888caf;
	background: #fff;
}

.teachers .txtArea dl dd,
.encourage .txtArea dl dd {
	padding: 5px 0px 0px 14px;
	border-left: 5px solid #c8ccdf;
	background: #fff;
}

.teachers .txtArea dl dd.titled {	/*スタッフ肩書き*/
	padding: 5px 0px 5px 14px;
}

.teachers .txtArea dl dd.secondary {
	padding: 5px 0px 5px 24px;
}

.teachers .txtArea dl dd.qualification {	/*指定医*/
	padding: 5px 0px 5px 24px;
}

.teachers .residents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.teachers .residents dl {
	width: 48%;
}



/*学術奨励賞*/
.encourage .txtArea dl dd.name,
.encourage .txtArea dl dd.subject {	/*氏名*/
	padding: 5px 0px 0px 24px;
}



/*業績*/
.result .txtArea ul {
	line-height: 1.6;
}

.result .txtArea ul li {
	padding: 0px 0px 10px 0px;
}



/*精神科専門医研修プログラム*/
.senmon_program .txtArea dl dt {
	float: left;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #c8ccdf;
}

.senmon_program .txtArea dl dd {
	padding: 5px 0px 5px 0px;
	padding-left: 12.5em;
	border-top: 1px solid #c8ccdf;
}



/*施設・環境紹介/関連病院*/
.links .txtArea ul li {
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #c8ccdf;
}



/*学会・講演会　卒年・日時場所*/
.txtArea .date {
	margin: -10px 0px 10px 0px;
	padding: 5px 0px 0px 14px;
	border-left: 5px solid #c8ccdf;
}

.txtArea .caption {
	line-height: 1.6;
}

.lecture .txtArea dl dt {
	font-weight: bold;
}



/*フォーム*/
.toiawase form {
	margin: 30px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	background: #f0f0f0;
	border: 1px solid #ccc;
}

.toiawase form input,
.toiawase form textarea {
	width: 60%;
	padding: 5px;
	font-size: 1.5rem;
	border: 2px solid #ccc;
}

.toiawase form dt span {
	color: #f35;
}

.toiawase form dd {
	margin: 0px 0px 10px 0px;
}

/*送信ボタン*/
.submitBtn {
	display: block;
	width: 25em;
	margin: 30px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
	font-size:	1.4rem;
	line-height:   1.5;
	text-align:	center;
	text-decoration: none;
	color: #000;
	background:   #fff;
	border: solid 1px #899dcf;
	border-radius: 6px;

	border-radius: 10px; 
	transition-property:	all;
	transition-duration:	0.1s;
	transition-timing-function:	ease-in-out;
}

.submitBtn:hover {
	color: #fff;
	background: #899dcf;
	text-shadow: 1px 1px 3px #003;
}





/*汎用テーブル*/
.txtArea table.general {
	width: 100%;
	margin: 5px 0px 5px 0px;
	border: 1px solid #aaa;
}

.txtArea table.general th {
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	background: #ededed;
	border: 1px solid #ccc;
}

.txtArea table.general td {
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
}

/*レイアウト用テーブル*/
.txtArea table.layout {
	width: 100%;
	margin: 0px 0px 0px 10px;
	border: none;
}

.txtArea table.layout td {
	padding: 0px 10px 0px 0px;
	border: none;
}





.staffPhoto {
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0px auto 0px auto;
	padding: 1px;
	border: 1px solid #ccc;
	border-radius: 10px;
}


/* サイズ指定写真 */
img.photo_right_300 {
	float: right;
	width: 100%;
	max-width: 300px;
	margin: 0px 0px 2px 20px;
	padding: 1px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

img.photo_left_300 {
	float: left;
	width: 100%;
	max-width: 300px;
	margin: 0px 20px 2px 0px;
	padding: 1px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

/* 汎用枠付き写真 */
img.photo_right {
	float: right;
	margin: 0px 0px 2px 20px;
	padding: 1px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

img.photo_left {
	float: left;
	margin: 0px 20px 2px 0px;
	padding: 1px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

/* キャプション付き写真 */
.photo_right   {
	float: right;
	margin: 0px 0px 2px 20px;
}

.photo_left   {
	float: left;
	margin: 0px 20px 2px 0px;
}

.photo_right img,
.photo_left img {
	padding: 1px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

/*先輩メッセージ似顔絵*/
img.message_illust {
	max-width: 120px;
	border-radius: 7px;
}




/*ボタン*/
.linkBtn {
	display: block;
	width: 25em;
	margin: 30px auto 30px auto;
	padding: 10px 0px 10px 0px;
	font-size:	1.4rem;
	line-height:   1.5;
	text-align:	center;
	text-decoration: none;
	color: #000;
	background:   #fff;
	border: solid 1px #899dcf;
	border-radius: 6px;

	border-radius: 10px; 
	transition-property:	all;
	transition-duration:	0.1s;
	transition-timing-function:	ease-in-out;
}

.linkBtn:hover {
	color: #fff;
	background: #899dcf;
	text-shadow: 1px 1px 3px #003;
}

.linkBtn:visited {
	color:	#fff;
}

/*メッセージページ*/
.message .linkBtn {
	margin: 15px auto 70px auto;
}




/*囲み*/
.enclosure {
	margin: 5px 0px 5px 0px;
	padding: 15px 15px 10px 25px;
	line-height:   1.8;
	border:   1px solid #aaa;
	border-radius: 0px;
}

.enclosure01 {
	margin: 5px 0px 5px 0px;
	padding: 15px 15px 10px 25px;
	line-height:   1.8;
	border: 1px solid #aaa;
	border-radius: 10px;
}

.enclosure02 {
	margin: 10px 0px 10px 0px;
	padding: 20px 20px 20px 25px;
	line-height:   1.8;
	border: 1px solid #aaa;
	border-radius: 0px;
}

.enclosure03 {
	margin: 10px 0px 10px 0px;
	padding: 20px 20px 20px 25px;
	line-height:   1.8;
	border: 1px solid #aaa;
	border-radius: 10px;
}

















/*スマートフォン用コンテンツの非表示*/

.sm800,
.sm {
	display: none;
}





/*1400px未満*/
@media only screen and (max-width: 1400px){

	.index #wrapper {
		background:	none;
	}

}





/*1200px未満のindex,pagesナビほか*/
@media only screen and (max-width: 1200px){


	.index .container {
		padding: 0px 0px 0px 0px;
	}

/*フォームぽたん*/
	.index .toFormBtn {
		top: 0px;
		right: 0px;
	}
	.index .toFormBtn img {
		max-width: 90%;
	}

/*ナビをpagesのサイズに*/
	.index .globalNav {
		max-width: 1000px;
		height: 74px;
		padding: 0px 0px 0px 0px;
	}

	.index .globalNav ul li.parentMenu a {
		height: 70px;
		font-size: 1.5rem !important;
	}

	.index .globalNav ul li ul.sub-menu {
		top: 72px;
	}

	.pages .globalNav ul li.parentMenu a {
		font-size: 1.5rem;
	}

	.globalNav ul li.parentMenu a span {
		padding-left: 7% !important;	/*色帯からラベル文字までのアキ*/
	}

	.globalNav ul li.parentMenu:last-child a span {
		padding-left: 7% !important;	/*色帯からラベル文字までのアキ*/
	}



	#page-top {
		right: 80px;
	}

}





/*1000px未満のindex,pagesナビほか*/
@media only screen and (max-width: 1000px){

	#wrapper {
		max-width: 1000px;
	}

	.index .container {
		width: 96%;
		padding: 0% 2% 0% 2%;
	}

	.pages .container {
		width: 96%;
		padding: 0% 2% 0% 2%;
	}

	.index .globalNav {
		width: 96%;
		padding: 0% 2% 0% 2%;
	}



	.index header .titleArea {
		width: 96%;
		padding: 0% 2% 0% 2%;
	}



	.frame_secondary {
		display: block;
		justify-content: normal;
		margin: 30px 0px 0px 0px;
	}

	.frame_news {
		width: 100%;
	margin: 0px 0px 50px 0px;
	}

	.frame_update {
		width: 100%;
	}



/*indexのフォームぽたん*/
	.index .toFormBtn {
		top: 0px;
		right: 0px;
	}

	.index .toFormBtn img {
		max-width: 80%;
	}

	/*pagesのフォームボタン*/
	.pages .toFormBtn {
		top: 14px;
		right: 6%;
	}

	.pages .toFormBtn img {
		max-width: 90%;
	}

/*ホームボタン*/
	.toHomeBtn {
		top: 30px;
		right: 2%;
	}

	.footerNav .container>ul {
		flex-wrap: wrap;
		row-gap: 20px;
	}

	.footerNav .container>ul>li {
		width: 25%;	/*横並びを4列*/
	}

}





/*800px未満のindex,pagesナビほか*/
@media only screen and (max-width: 800px){

	.sm800 {
		display: block;
	}

	.pc800 {
	display: none;
	}

.index .globalNav {
		margin: 20px auto 0px auto;
	}



/*Swiper*/
	.swiper-slide img {
		max-width: 800px;
	}

	.swiperContainer {
		max-width: 800px;
		height: 488px;
	}

	.swiper {
		height: 488px;
	}

	.thumb {
		max-width: 800px;
		height: 81px;
	}

	.thumb img {
		max-width: 200px;
	}

	.slide2 {
		top: 488px;
		max-width: 100%;
	}



/*フォームぽたん*/
	.index .toFormBtn,
	.pages .toFormBtn,
	.inquiry {
		display: none;
	}



	.pages header {
		height: 248px;
	}

	.pages header .titleArea {
		height: 70px;
	}



/*横長フォームボタン*/
	.toForm {
		position: relative;
		z-index: 600;
		width: 94%;
		margin: 330px auto 20px auto;
	}

	.pages .toForm {
		position: relative;
		z-index: 600;
		width: 94%;
		margin: 0px auto 20px auto;
	}

	.toForm a {
		display: block;
		font-size: 1.4rem;
		color: #037;
		font-weight: bold;
		text-align: center;
		background: #fff;
		padding: 10px 0px 10px 0px;
		border: solid 1px #899dcf;
		border-radius: 6px;
	}

	.toForm a:hover {
		color: #fff;
		background: #899dcf;
		text-shadow: 1px 1px 3px #003;
	}



	.txtArea h1 {
		padding: 0px 0px 1px 0px;
		font-size: 2.5rem;
		border-bottom: 8px solid #989cbf;
	}
	
	
	
	/*フォーム*/
	.toiawase form input,
	.toiawase form textarea {
		width: 90%;
	}
	
	.submitBtn {
		width: 70%;
	}


	#page-top {
		right: 10px;
	}



/*フッターナビ*/
	.footerNav .container>ul {
		justify-content: start;	/*左寄せ*/
	}

	.footerNav .container>ul>li {
		width: 33%;	/*横並びを3列*/
	}

}





/*720px以下の画面*/
@media only screen and (max-width: 720px){

	.pc,
	.globalNav {
	display: none;
	}

	.sm {
		display: block;
	}



	.pages header {
		height: 158px;
	}

	.pages .siteTitle {
		width: 100%;
		max-width: 475px;
	}

/*ホームボタン*/
	.toHomeBtn {
		display: none;
	}



	.index header .titleArea_bg_overlay {
		display: none;
		}

	.index header .titleArea_bg {
		position: static;
		height: auto;
		padding: 0px 0px 15px 0px;
		background:	#30395b;
	}

	.index .titleArea h1 {
		margin: 0px 0px 18px 0px;
		padding: 40px 0px 0px 0px;
		border-bottom: 7px solid #a0c8d8;
	}
	
	.index .titleArea h1 img {
			width: 100%;
			max-width: 503px;
		}
	
	.index .titleArea p.leadcopy {
		line-height: 2.0;
		color:	#f8f8f8;
		font-weight: normal;
		text-shadow: none;
	}



/*indexフォームボタン*/
	.toForm {
		margin: 20px auto 0px auto;
}



/*Swiper*/
	.swiper-slide img {
		max-width: 722px;
	}

	.swiperContainer {
		max-width: 722px;
		height: 400px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #30395b;
	}

	.swiper {
		height: 400px;
	}

	.thumb {
		display: none;
	}

	.slide2 {
		display: none;
	}



/*精神科専門医研修プログラム*/

	.senmon_program .txtArea dl dd {
		padding-left: 8.5em;
	}



/*スタッフページ　専修医*/
	.teachers .residents {
		display: block;
	}

	.teachers .residents dl {
		width: 100%;
	}





/*スマートフォン用ナビゲーション 720px*/

/*ページのあたまに出るMENU*/
	.globalnavi_sm  {
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 700;
	}


	.pages header {
		height: 168px;
	}
	.pages header .titleArea {
		height: 80px;
	}
	.pages .siteTitle {
		margin: 35px 0px 0px 0px;
	}

	.globalnavi_sm a {
		width: 8em;
		padding: 10px 10px 6px 10px;
		font-size: 1.3rem;
		line-height: 2.0;
		font-weight: bold;
		color: #0bf;
		background: #000;
		border-bottom-left-radius: 4px;
	}

	.globalnavi_sm a:hover {
		color: #fff;
	}



/*フッター内ナビ*/

	.index .footerNav .container {
		width: 100%;
		padding: 0% 0% 0% 0%;
	}

	footer {	/*初期化*/
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 20px 0px;
		background: #fff;
	}

	.footerNav {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
		border-top: 8px solid #ccc;
		border-bottom: 3px solid #ccc;
		background: url(images/footer_bg.png) repeat-y center top;
	}

	.footerNav .container>ul {
		display: block;	/*初期化*/
		width: 100%;
	}

	.footerNav .container>ul>li {	/*カテゴリータイトル*/
		display: block;
		padding: 20px 0px 5px 0px;
		font-size: 1.6rem;
		line-height: 1.5;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.05em;
		text-decoration: none;
		text-indent: 1em;
	}

	.footerNav .container ul li a {
		display: block;
		padding: 20px 0px 5px 20px;
		font-size: 1.5rem;
		line-height: 1.5;
		color: #fff;
		font-weight: normal;
		letter-spacing: 0.05em;
		text-decoration: none;
		border-bottom: 1px solid #88a;
	}

	.footerNav .container ul li.toindex, 
	.footerNav .container ul li.totop {	/*toindex, totop*/
		padding: 0px 0px 0px 0px;
	}
	.footerNav .container ul li.toindex a, 
	.footerNav .container ul li.totop a {	/*toindex, totop*/
		padding: 20px 0px 5px 0px;
		font-weight: bold;
	}

	.footerNav .container ul li a:hover {
		color: #eea;
		background: #333;
		border-bottom: 1px solid #558;
	}

	.footerNav .container ul li a.itabashiH,
	.footerNav .container ul li a.nichidaiH {
		display: block;
		padding: 20px 0px 5px 20px;
		font-size: 1.5rem;
		line-height: 1.5;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.05em;
		text-decoration: none;
		border-bottom: 1px solid #88a;
	}

	.footerNav .container ul li a.itabashiH:hover,
	.footerNav .container ul li a.nichidaiH:hover {
		color: #eea;
		background: #333;
		border-bottom: 1px solid #558;
	}

	.footerNav .container>ul {
		flex-wrap: nowrap;
		row-gap: 0px;
	}

	.footerNav .container>ul>li {
		width: 100%;
	}



	footer p.division {
		margin: 0px 0px 1px 10px;
		padding: 20px 0px 0px 0px;
		font-size: 1.4rem;
		color:	#333;
		font-weight: bold;
	}

	footer p.address {
		margin: 0px 0px 2px 10px;
		font-size: 1.3rem;
		color:	#333;
	}

	footer p.copyright {
		margin: 0px 0px 0px 10px;
		font-size: 1.1rem;
		color:	#888;
	}



}





/*600px以下の画面*/
@media only screen and (max-width: 600px){


/*Swiper*/
	.swiper-slide img {
		max-width: 600px;
	}

	.swiperContainer {
		max-width: 600px;
		height: 366px;
	}

	.swiper {
		height: 600x;
	}



	/* サイズ指定写真 */
	img.photo_right_300,
	img.photo_left_300 {
		float: none;
		margin: 0px 0px 2px 0px;
}
	
	/* 汎用枠付き写真 */
	img.photo_right,
	img.photo_left {
		float: none;
		margin: 0px 0px 2px 0px;
	}

	/* キャプション付き写真 */
	.photo_right,
	.photo_left {
		float: none;
		margin: 0px 0px 2px 0px;
	}

	.profile .photo_left {	/*沿革ページ・教授写真*/
		float: left;
		margin: 0px 10px 2px 0px;
}

}





/*500px以下の画面*/
@media only screen and (max-width: 500px){


/*Swiper*/
	.swiper-slide img {
		max-width: 500px;
	}

	.swiperContainer {
		max-width: 500px;
		height: 305px;
	}

	.swiper {
		height: 500x;
	}





	/* 写真 */
	img.photo_right_300,
	img.photo_left_300,
	img.photo_right,
	img.photo_left,
	.photo_right img,
	.photo_left img {
		max-width: 100%;
	}

}





/*400px以下の画面*/
@media only screen and (max-width: 400px){


/*Swiper*/
	.swiper-slide img {
		max-width: 400px;
	}

	.swiperContainer {
		max-width: 400px;
		height: 244px;
	}

	.swiper {
		height: 400x;
	}

}


