@import url("/psyc/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Arvo:700");
@font-face {
	/*font-family: 'times new roman,times,serif,GenEiGothicM';*/
	font-family: 'GenEiGothicM';
	src: url(/psyc/fonts/GenEiGothicM-Regular.eot);
	src: url(/psyc/fonts/GenEiGothicM-Regular.woff) format('woff'), url(/psyc/fonts/GenEiGothicM-Regular.ttf) format('truetype');
}


.sizeS {
	cursor: pointer;
}
.sizeM {
	cursor: pointer;
}
.sizeL {
	cursor: pointer;
}
.fontL {
	font-size: 1.2em;
}
.fontM {
	font-size: 0.85em;
}
.fontS {
	font-size: 0.75em;
}
@media screen and (min-width: 737px) {
	.fl_left {
		float: left;
		margin: 5px 10px 10px 0px;
	}
	.fl_right {
		float: right;
		margin: 5px 0px 10px 10px;
	}
	.pc_none {
		display: none;
	}
	.cont_table {
		width: 96%;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 2px solid #ccc;
		border-top: 3px solid #0C3187;
	}
	.cont_table th {
		padding: 5px;
		border-bottom: 1px solid #ccc;
	}
	.cont_table td {
		padding: 5px;
		border-bottom: 1px solid #ccc;
	}
	.cont_h3 {
		padding: 10px;
		background-color: #B4B4DD;
	}
	.cont_h4 {
		padding: 10px;
		border-left: 3px solid #9408C9;
		font-weight: bold;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.greeting_h4 {
		padding: 10px;
		border-left: 3px solid #9408C9;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	#sp_menu {
		display: none;
	}
	body {
		/*font-family: "GenEiGothicM";*/
		font-family: 'Noto Sans JP', sans-serif;
		/*font-size: 0.9em;*/
		line-height: 1.6em;
		border-top: 5px solid #B4B4DD;
	}
	header {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	header h1 {
		background-image: url(/psyc/images/logo.jpg);
		width: 440px;
		height: 83px;
		text-indent: -9999px;
		float: left;
	}
	header h1 a {
		background-image: url(/psyc/images/logo.jpg);
		width: 440px;
		height: 83px;
		text-indent: -9999px;
		display: block;
		outline: none;
		text-decoration: none;
	}
	header h3 {
		width: 100px;
		height: 29px;
		float: right;
	}
	header h3 a {
		background-image: url(/psyc/images/en.jpg);
		width: 100px;
		height: 29px;
		display: block;
		outline: none;
		text-decoration: none;
		text-indent: -9999px;
	}
	header dl {
		width: 180px;
		margin-top: 20px;
		float: right;
		clear: right;
	}
	header dt {
		background-image: url(/psyc/images/size.jpg);
		width: 99px;
		height: 22px;
		text-indent: -9999px;
		float: left;
	}
	header dd {
		width: 27px;
		float: left;
	}
	#menu {
		background-image: url(/psyc/images/menu_bg.jpg);
		background-repeat: repeat-x;
		height: 52px;
		width: 100%;
		clear: both;
	}
	#menu ul {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	#menu ul li {
		width: 192px;
		text-align: center;
		float: left;
	}
	#menu ul li a {
		text-decoration: none;
		color: #333;
		display: block;
		height: 37px;
		font-weight: bold;
		padding-top: 15px;
		border-left: 1px solid #ccc;
	}
	#menu ul li a:hover {
		background-color: #eee;
		color: #F70004;
	}
	#menu ul li:last-child {
		text-decoration: none;
		color: #333;
		display: block;
		width: 191px;
		border-right: 1px solid #ccc;
	}
	#main_img {
		background-image: url(/psyc/images/top/main_bg.jpg);
		width: 100%;
		height: 400px;
		background-repeat: repeat-x;
		position: relative;
	}
	
	#main_img nav {
		padding-top: 20px;
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* 202012 add start*/
	
	/* slider */
	.main_text {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
	.main_text h2 {
		position: absolute;
		z-index: 100;
		top: 50%;
		line-height: 160% !important;
		color: #fff;
		text-shadow:2px 2px 3px #7f7f7f,0px 0px 3px #6f6f6d;
		left: calc(50% - 280px);
		font-size: 2em;
	}
	
	.bxSlider img {
		/*width: 100%;*/
		max-width: 960px;
		height: 400px;
		object-fit: cover;
	}
	
	
	#top_banner li {
		width: 310px;
		float: left;
		margin-right: 10px;
		margin-bottom: 15px;
	}
	
	#top_banner li a {
		display: block;
		color: #262EBB;
		border-radius: 5px;
		border: 1px solid #ccc;
		text-decoration: none;
	}
	
	#top_banner li blockquote {
		margin: 0px;
		padding: 6px;
		float: left;
		width: 120px;
	}
	
	#top_banner li blockquote img {
		width: 120px;
		height: 80px;
		object-fit: cover;
		vertical-align: bottom;
	}
	
	#top_banner li span {
		display: table-cell;
		line-height:1.6em;
		margin: 0 0 0 10px;
		width:200px;
		height:100px;
		font-size: 1.6em;
		vertical-align:middle;
	}
	
	
	
	/* 202012 add end */
	
	
	main {
		width: 100%;
		clear: both;
		background-image: url(/psyc/images/cont_bg.jpg);
		background-repeat: repeat-x;
	}
	
	
	#container {
		width: 960px;
		padding-top: 30px;
		margin-right: auto;
		margin-left: auto;
	}
	/* 202012 del
	#top_banner li {
		width: 310px;
		float: left;
		margin-right: 15px;
	}
	
	
	#top_banner li:last-child {
		margin-right: 0px;
	}
	*/
	
	#main {
		width: 680px;
		float: left;
	}
	#right {
		width: 260px;
		padding-top: 30px;
		float: right;
	}
	.cont_h2 {
		font-size: 2em;
		margin-top: 50px;
		margin-bottom: 30px;
		line-height: 100%;
		color: #00008C;
	}
	#news {
		width: 660px;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		height: 240px;
	}
	#news dt {
		width: 210px;
		float: left;
		clear: both;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px dashed #ccc;
	}
	#news dd {
		width: 420px;
		padding-left: 10px;
		float: left;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px dashed #ccc;
	}
	.icon1 {
		background-image: url(/psyc/images/top/i1.jpg);
		background-repeat: no-repeat;
		background-position: right;
	}
	.icon2 {
		background-image: url(/psyc/images/top/i2.jpg);
		background-repeat: no-repeat;
		background-position: right;
	}
	.icon3 {
		background-image: url(/psyc/images/top/i3.jpg);
		background-repeat: no-repeat;
		background-position: right;
	}
	.icon4 {
		background-image: url(/psyc/images/top/i4.jpg);
		background-repeat: no-repeat;
		background-position: right;
	}
	#scrolltop {
		clear: both;
		width: 960px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	#scrolltop p {
		width: 177px;
		height: 36px;
		float: right;
	}
	#scrolltop p a {
		width: 177px;
		height: 36px;
		background-image: url(/psyc/images/scrolltop.jpg);
		text-indent: -9999px;
		display: block;
	}
	footer {
		clear: both;
		width: 100%;
		background-color: #F8F8F8;
		border-top: 3px solid #B4B4DD;
	}
	#footer_menu {
		width: 960px;
		padding-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	#footer_menu h3 {
		width: 290px;
		border-right: 1px solid #ccc;
		float: left;
		margin-right: 20px;
		padding-bottom: 30px;
	}
	#footer_menu dl {
		float: left;
		margin-right: 20px;
		margin-bottom: 30px;
	}
	#footer_menu dt {
		font-weight: 600;
		margin-bottom: 10px;
	}
	#footer_menu dd {
		background-image: url(/psyc/images/f_icon.jpg);
		background-repeat: no-repeat;
		padding-left: 20px;
		margin-bottom: 5px;
	}
	#footer_menu dt a, #footer_menu dd a {
		text-decoration: none;
		color: #333;
	}
	#copyright {
		background-image: url(/psyc/images/copyright.jpg);
		background-repeat: no-repeat;
		height: 42px;
		border-top: 1px solid #ccc;
		background-position: center top;
		text-indent: -9999px;
	}
	#right_banner li {
		margin-bottom: 10px;
	}
	#right h4 {
		font-weight: 600;
		font-size: 1.3em;
		margin-bottom: 10px;
	}
	#top_box1 {
		width: 680px;
		margin-left: auto;
		margin-right: auto;
	}
	#top_box1 blockquote {
		width: 200px;
		float: left;
	}
	#top_box1 ul {
		width: 160px;
		height: 40px;
		float: right;
	}
	#top_box1 ul li a {
		background-image: url(/psyc/images/top/btn.jpg);
		width: 160px;
		height: 40px;
		text-indent: -9999px;
		display: block;
		outline: none;
	}
	/***********************************************
コンテンツ*/
	#greeting_box1 {
		background-image: url(/psyc/images/greeting/img1.jpg);
		width: 680px;
		height: 351px;
		text-indent: -9999px;
		display: block;
	}
	#greeting_box1 blockquote, #greeting_box1 p {
		display: none;
	}
	.contents_textarea {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		clear: both;
		padding-top: 10px;
	}
	#cont_main {
		background-image: url(/psyc/images/top/main_bg.jpg);
		width: 100%;
		height: 180px;
		background-repeat: repeat-x;
	}
	#cont_main h2 {
		width: 930px;
		height: 100px;
		font-size: 2.0em;
		color: #fff;
		text-shadow: 2px 2px 2px #000000;
		font-weight: bold;
		padding-left: 30px;
		padding-top: 80px;
		margin-left: auto;
		margin-right: auto;
	}
	/*-----------------------------------
 contents main img*/
	#greeting_main {
		background-image: url(/psyc/images/greeting/main_img.jpg);
		margin-left: auto;
		margin-right: auto;
	}
	#recruit_main {
		background-image: url(/psyc/images/recruit/main_img.jpg);
		margin-left: auto;
		margin-right: auto;
	}
	#research_l_main {
		background-image: url(/psyc/images/research_l/main_img.jpg);
		margin-left: auto;
		margin-right: auto;
	}
	#consultation_main {
		background-image: url(/psyc/images/consultation/main_img.jpg);
		margin-left: auto;
		margin-right: auto;
	}
	#contact_main {
		background-image: url(/psyc/images/contact/main_img.jpg);
		margin-left: auto;
		margin-right: auto;
	}
	#book_main {
		background-image: url(/psyc/images/book/main_img.jpg);
		margin-left: auto;
		margin-right: auto;
	}
	#staff_main {
		background-image: url(/psyc/images/staff/main_img.jpg);
		margin-left: auto;
		margin-right: auto;
	}
	#research_main {
		background-image: url(/psyc/images/research/main_img.jpg);
		margin-left: auto;
		margin-right: auto;
	}
	#topic_path {
		width: 100%;
		background-image: url(/psyc/images/topic_path.jpg);
		background-repeat: repeat-x;
		height: 43px;
	}
	#topic_path p {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	#right h3 {
		color: #fff;
		padding: 10px;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #BA96C3), color-stop(0.49, #824E8D), color-stop(0.00, #CFB2D7));
		background: -webkit-linear-gradient(top, #CFB2D7 0%, #824E8D 49%, #BA96C3 100%);
		background: -moz-linear-gradient(top, #CFB2D7 0%, #824E8D 49%, #BA96C3 100%);
		background: -o-linear-gradient(top, #CFB2D7 0%, #824E8D 49%, #BA96C3 100%);
		background: -ms-linear-gradient(top, #CFB2D7 0%, #824E8D 49%, #BA96C3 100%);
		background: linear-gradient(to bottom, #CFB2D7 0%, #824E8D 49%, #BA96C3 100%);
	}
	#right h3 a {
		color: #fff;
		text-decoration: none;
	}
	#right_menu li {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dcdcdc), color-stop(0.50, #dbdbdb), color-stop(0.50, #d1d1d1), color-stop(1.00, #fff));
		background: -webkit-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: -moz-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: -o-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: -ms-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: linear-gradient(to bottom, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		padding: 8px 8px 8px 0px;
		border: 1px solid #ccc;
	}
	#right_menu li a {
		background-image: url(/psyc/images/arrow.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		text-decoration: none;
		color: #333;
		display: block;
	}
	.book_list {
		width: 220px;
		margin-bottom: 15px;
		float: left;
	}
	.book_list blockquote {
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	.book_list blockquote img {
		max-width: 200px;
		width: 100%;
	}
	.book_list h4 {
		width: 200px;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px dashed #ccc;
		margin-left: auto;
		margin-right: auto;
	}
	.book_list p {
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	.staff_box {
		width: 680px;
	}
	.staff_box h3 {
		padding: 10px;
		background-color: #B4B4DD;
		margin-bottom: 10px;
		clear: both;
		margin-top: 15px;
	}
	.staff_box ul {
		width: 660px;
		margin-left: auto;
		margin-right: auto;
	}
	.staff_box ul li {
		list-style: disc;
		float: left;
		padding-right: 30px;
		margin-left: 30px;
		white-space: nowrap !important;
	}
	.cont_ol {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.cont_ol li {
		margin-bottom: 10px;
		list-style: decimal;
	}
	#thesis_list {
		width: 98%;
		border-bottom: 2px solid #ccc;
		border-top: 3px solid #FFD366;
		margin-left: auto;
		margin-right: auto;
	}
	#thesis_list li {
		padding: 10px;
		border-bottom: 1px dashed #ccc;
		background-color: #F9F8EF;
	}
	#thesis_list li a {
		display: block;
		text-decoration: none;
	}
	.cont_ul li {
		list-style: disc !important;
		padding-left: 20px
	}
	
	.cont_ul ul {
		 padding-left: 40px
	}
	
	.cont_ul li {
		 padding-left: 20px
	}
	
	
	.cont_ol {
		list-style: decimal;
	}
	.cont_dl {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	.cont_dl dt {
		padding: 5px;
		width: 150px;
		border-top: 1px solid #ccc;
		float: left;
		clear: both;
	}
	.cont_dl dd {
		padding: 5px;
		margin-left: 160px;
		border-top: 1px solid #ccc;
	}
	#contact_dl {
		width: 660px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		border-top: 3px solid #26288E;
	}
	#contact_dl dt {
		width: 150px;
		border-top: 1px solid #ccc;
		padding: 5px;
		float: left;
		clear: both;
	}
	#contact_dl dd {
		border-top: 1px solid #ccc;
		margin-left: 160px;
		width: 490px;
		padding: 5px;
	}
	#contact_dl input[type=text], #contact_dl textarea {
		width: 460px;
	}
	#top_box1 strong {
		line-height: 220%;
	}
	#news {
		width: 660px;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		height: 240px;
	}
	#gnews dt {
		width: 120px;
		float: left;
		clear: both;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px dashed #ccc;
	}
	#gnews dd {
		width: 510px;
		padding-left: 10px;
		float: left;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px dashed #ccc;
	}
	#cmsedit h2 {
		font-size: 2em;
		margin-top: 50px;
		margin-bottom: 30px;
		line-height: 100%;
		color: #00008C;
	}
	#cmsedit h3 {
		padding: 10px;
		background-color: #B4B4DD;
	}
	#cmsedit h4 {
		padding: 10px;
		border-left: 3px solid #9408C9;
		font-weight: bold;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.voice_box {
		width: 100%;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.voice_box .voice_arrow {}
	.voice_box a {
		display: block;
		border: 1px solid #D50003;
		border-radius: 10px;
		text-decoration: none;
		padding: 10px;
		color: #333;
	}
	.voice_box a:hover {
		color: #B10002;
	}
	.voice_box:after {
		clear: both;
		height: 0;
		visibility: hidden;
		display: block;
		content: ".";
	}
	.voice_box h3 {
		padding: 10px;
		background-color: #EEEFCC;
		font-size: 1.3em;
		width: 400px;
		margin-bottom: 15px;
		float: right;
	}
	.voice_box blockquote {
		width: 220px;
		float: left;
	}
	.voice_box h4 {
		width: 400px;
		float: right;
		font-size: 1.0em;
		padding: 10px;
		background-color: #eee;
	}
	.voice_box p {
		padding: 10px;
		width: 400px;
		float: right;
	}
	.voice_arrow {
		width: 400px;
		float: right;
		font-size: 1.0em;
		padding: 10px;
		background-color: #B4B4DD;
		border-radius: 10px;
		color: #fff !important;
	}
	.working_box {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px dashed #eee;
	}
	.working_box h3 {
		padding: 10px;
		background-color: #EEEFCC;
		font-size: 1.3em;
	}
	.working_box .txtbox {
		padding: 10px;
	}
	
/*  */
	.dem_h2 {
		font-size: 2em;
		text-align: center;
		margin-bottom: 30px;
		margin-top: 30px;
		color: #0E5F08;
		vertical-align: middle !important;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	
	.dem_h3 {
		font-size: 1.6em;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 20px;
		color: #0E5F08;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	
	.max_cont {
		border: 30px solid #CDF0D0;
		border-radius: 30px;
		padding: 40px;
	}
	
	.max_cont img {
		border-radius: 20px;
	}
	
	.dembox {
		background-color: #CDF0D0;
		color: #0E5F08;
		padding: 30px;
		clear: both;
		text-align: center;
		margin-top: 20px;
		font-size: 1.8em;
		border-radius: 20px;
		line-height: 140%;
	}
/* //  */
	
	
/*  */
	.max_tms_cont h2 {
		font-size: 2em;
		text-align: lrft;
		margin-bottom: 30px;
		margin-top: 30px;
		color: #070F5F;
		vertical-align: middle !important;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	
	.max_tms_cont h3 {
		font-size: 1.6em;
		text-align: left;
		margin-bottom: 20px;
		margin-top: 50px;
		color: #070F5F;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	
	.max_tms_cont h3:first-child:before {
		margin-top: 10px;
	}
	
	.max_tms_cont h4 {
		font-size: 1.4em;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 20px;
		color: #070F5F;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	
	.max_tms_cont {
		border: 30px solid #B4B4DD;
		border-radius: 30px;
		padding: 40px;
	}
	
	.max_tms_cont img {
		border-radius: 20px;
	}
	
	.tmsbox {
		background-color: #6969BB;
		color: #FFFFFF;
		padding: 30px;
		clear: both;
		text-align: center;
		margin-top: 20px;
		font-size: 1.8em;
		border-radius: 20px;
		line-height: 140%;
	}
	
	/* ----------------------------------------------------------------------------------
	*
	*　流れ　 ボックス
	*
	 ----------------------------------------------------------------------------------*/

	.flow_warapper {
    margin: 0 auto 50px;
	}
	.flow_box {
		margin: 0 auto 33px;
		width: 80%;
		padding: 10px;
		border: 3px solid #326E93;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		font-size: 1.4em; /* テキストの指定 */
		font-weight: bold; /* テキストの指定 */
		line-height: 1.4; /* テキストの指定 */
	}

	.flow_box:after {
		border-top: 25px solid #FFC300;
		border-left: 70px solid transparent;
		border-right: 70px solid transparent;
		content: "";
		position: absolute;
		bottom: -28px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
		left: 50%;/* 中央寄せに使用 */
		margin-left: -70px; /* 中央寄せに使用 */
		margin-top: 50px;
	}

	.flow_box:last-child:after {
		border: none; /* 最後のボックスだけ三角形を表示しない */
	}

	
	
/* //  */
	
	
	
	
	.list_public {
		line-height: 2em;
	}
	.list_public:before {
		content:  "";     /* 空の要素作成 */
		width:  10px;               /* 幅指定 */
		height:  10px;              /* 高さ指定 */
		display:  inline-block;     /* インラインブロックにする */
		background-color: #9B85F3;  /* 背景色指定 */
		border-radius:  50%;        /* 要素を丸くする */
		position:  relative;        /* 位置調整 */
		top: -1px;                  /* 位置調整 */
		margin-right: 5px;          /* 余白指定 */
	}
	
}