@charset "utf-8";
/*--------------------BaseLayout--------------------*/
#wrap {
 width: 100%;
 margin: 0px auto;
 padding: 0px auto;
 text-align: center;
 background-color: #fff;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
#main {
 width: 1100px;
 margin: 0 auto;
 padding: 0 auto;
 padding-top: 220px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.contents {
 display: flex;
 flex-direction: row-reverse;
}

.contents_R {
 width: 850px;
 padding: 20px 0px 20px 20px;
 text-align: left;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.contents_L {
 width: 250px;
 padding: 20px 0;
 text-align: left;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
section{
 padding-bottom: 30px;
}
section p{
 line-height: 2.5rem;
 margin-bottom: 10px;
 letter-spacing: 0.1rem;
}
.ind{
  display: block;
  text-indent: 1.6rem;
}
.txt_list{
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (max-width:600px){
	#main {
	 width: 100%;
	 margin-top: 50px;
	 padding-top: 0px;
	}
	.contents {
	 display: block;
	}
	.contents_R {
	 width: 100%;
	 padding: 10px 5px;
	}
	.contents_L {
	 width: 100%;
	 padding: 10px 5px;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}
}


/*------------------［全ページ共通項目］----------------------*/

/***---ヘッダー---***/

header {
 width: 100%;
 background-color: #fff;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 position: fixed;
 z-index: 6;
}
#header_T{
 width: 100%;
 background-color: #eee;
 border-bottom: solid 1px #f3c91f;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.header_T_in{
 width: 1100px;
 height: 30px;
 margin: 0px auto;
 padding: 0px auto;
 display: flex;
 justify-content: flex-end;
}
@media screen and (max-width:600px){
	#header_T{
	 display:none;
	}
}
#header_M{
 width: 100%;
 background-color: #fff;
 border-bottom: solid 1px #1c2950;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.header_M_in{
 width: 1100px;
 height: 100px;
 margin: 0px auto;
 padding: 0px auto;
 display: flex;
}
.header_logo{
 margin-top: 10px;
}
.header_M_info{
 width: 600px;
 margin: 20px 0 0 350px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.infoarea{
 margin-bottom: 5px;
 display: flex;
 font-size: 1.4rem;
}
.header_M_info .info_L{
 width: 80px;
 padding: 3px;
 height: 21px;
 color: #fff;
 background: #1c2950;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.header_M_info .info_R{
 padding: 3px 0 0 5px;
 width: 400px;
 color: #1c2950;
 text-align: left;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}

.header_M_btn{
 display:none;
}

/*--
.header_M_btn{
width: 165px;
}
--*/
@media screen and (max-width:600px){
	header {
	 position: relative;
	}
	#header_M{
	 position: fixed;
	 z-index: 10;
	}
	.header_M_in{
	 width: 100%;
	 height: 50px;
	}
	.header_logo{
	 width: 150px;
	 margin: 0px 0 0 0;
	}
	.header_M_info{
	 display:none;
	}
	.header_M_btn{
	 display:none;
	}
}
#header_B{
 width: 100%;
 background-color: #fff;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.header_B_in{
 width: 1100px;
 margin: 0px auto;
 padding: 10px 0;
 border-bottom: solid 1px #1c2950;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
@media screen and (max-width:600px){
	.header_B_in{
	 padding: 0px;
	 width: 100%;
	}
}

/***---PCメニュー---***/
nav ul{
 display: flex;
}
nav ul li{
 position: relative;
 height: 50px;
 width: 183px;
 border-left: solid 1px #ccc;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
nav ul li:last-child{
 border-right: solid 1px #ccc;
}
nav ul li a{
 position: absolute;
 display: block;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 padding: 18px 0;
 text-decoration: none;
 color: #1c2950;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
nav ul li a:hover{
 color: #1c2950;
 background-color:rgba(243,201,31,0.8);
 transition-duration: 0.5s;
}
.sp_menu_rogo{
 display: none;
}

/***---SPメニュー---***/
@media screen and (max-width:600px){
	.overlay {
	  content: "";
	  display: block;
	  width: 0;
	  height: 0;
	  background-color: rgba(0, 0, 0, 0.5);
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 12;
	  opacity: 0;
	  transition: opacity .5s;
	}
	.overlay.open {
	  width: 100%;
	  height: 50px;
	  opacity: 1;
	}
	.menu-trigger {
	  display: inline-block;
	  width: 36px;
	  height: 28px;
	  vertical-align: middle;
	  cursor: pointer;
	  position: fixed;
	  top: 10px;
	  right: 10px;
	  z-index: 100;
	  transform: translateX(0);
	  transition: transform .5s;
	 }
	.menu-trigger.active {
	  transform: translateX(-250px);
	}
	.menu-trigger span {
	 display: inline-block;
	 box-sizing: border-box;
	 position: absolute;
	 left: 0;
	 width: 100%;
	 height: 4px;
	 background-color: #000;
	}
	.menu-trigger.active span {
	  background-color: #fff;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  transform: translateY(12px) rotate(-45deg);
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 12px;
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  transform: translateY(-12px) rotate(45deg);
	}
	nav {
	  width: 250px;
	  height: 100%;
	  padding-top: 5px;
	  background-color: rgb(16, 69, 153, 0.8);
	  position: fixed;
	  top: 0;
	  right: 0;
	  z-index: 15;
	  transform: translate(250px);
	  transition: all .5s;
	}
	nav.open {
	  transform: translateZ(0);
	}
	nav ul{
	 display: block;
	}
	nav ul li {
	 width: 100%;
	 height: 50px;
	 border: none; 
	 border-bottom: solid 1px #fff;
	 color: #fff;
	 text-align: center;
	 padding: 10px 0;
	}
	nav ul li a{
	 font-size: 1.6rem;
	 color: #fff;
	 padding: 13px;
	}
	nav ul li a:hover{
	 background-color: #f3c91f;
	}
	.sp_menu_rogo{
	 display: block;
	}
}


/***---ページ内検索---***/

.gsc-control-cse {
 background: none !important;
 border: none !important;
}
.gsc-control-cse {
 padding: 0em !important;
}
.gsib_a {
 padding: 4px 3px !important;
}
.gsc-search-button-v2 {
 height: 25px;
 border-color: #f3c91f !important;
 background: #f3c91f url(../images/common/search_btn.gif) center no-repeat !important;
}
button.gsc-search-button-v2 svg {
 display:none !important;
}
.gsc-search-button-v2 svg {
 display:none !important;
}
.gs-title{
 text-align: left !important;
}


/***---文字サイズ変更---***/
.font_size_change_cap{
 margin: 7px 0;
 font-size: 1.2rem;
}
#font_size_change li {
 width: 50px;
 margin: 2px 10px 0 0;
 padding: 5px 0 5px 0;
 float:left;
 cursor:pointer;
 font-size: 1.2rem;
 font-weight: bold;
 text-align: center;
 color: #1c2950;
 border-radius: 3px;
 background:#fff;
 border: solid 1px #1c2950;
}
#font_size_change li.hover {
 background-color: #4b65b1;
 transition-duration: 0.5s;
}
#font_size_change li.active {
 color: #fff;
 background-color: #1c2950;
} 


/***---サイドメニュー---***/
.sidemenu {
 width: 100%;
 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
 font-weight: bold;
}
.sidemenu dl{
 width: 100%;
}
.sidemenu dt{
 padding: 20px;
 text-align: center;
 font-size: 1.8rem;
 font-weight: bold;
 color: #fff;
 background: #1c2950;
 border: solid 1px #1c2950;
}
.sidemenu dd{
 border-bottom: solid 1px #ddd;
 border-left: solid 1px #ddd;
 border-right: solid 1px #ddd;
}
.sidemenu dd a{
 display: block;
 padding: 20px;
 font-size: 1.6rem;
 color: #1c2950;
 background: #fff;
}
.sidemenu a:hover{
 background: #d0dcff;
}
.sidemenu dd.submenu{
 border-bottom: solid 1px #ddd;
 border-left: solid 1px #ddd;
 border-right: solid 1px #ddd;
}
.sidemenu dd.submenu a,
.sidemenu dd.submenu_last a{
 display: block;
 padding-left: 35px;
 font-size: 1.4rem;
 color: #1c2950;
 background: url(../images/common/sidemenu_arrow.png) 0px 6px no-repeat;
}
.sidemenu dd.submenu a:hover,
.sidemenu dd.submenu_last a:hover{
 background: #d0dcff url(../images/common/sidemenu_arrow.png) 0px 6px no-repeat;
}
.sidemenu .active{
 background: #ffe05f !important;
}
.submenu .active,
.submenu_last .active{
 background: #fffd9f url(../images/common/sidemenu_arrow.png) 0px 6px no-repeat !important;
}

@media screen and (max-width:600px){
	.sidemenu dt{
	 padding: 10px;
	}
	.sidemenu dd a{
	 padding: 10px;
	}
	.sidemenu dd.submenu a,
	.sidemenu dd.submenu_last a{
	 display: block;
	 padding-left: 35px;
	 font-size: 1.4rem;
	 color: #1c2950;
	 background: url(../images/common/sidemenu_arrow.png) 0px -3px no-repeat;
	}
	.sidemenu dd.submenu a:hover,
	.sidemenu dd.submenu_last a:hover{
	 background: #d0dcff url(../images/common/sidemenu_arrow.png) 0px -3px no-repeat;
	}
	.submenu .active,
	.submenu_last .active{
	 background: #fffd9f url(../images/common/sidemenu_arrow.png) 0px -3px no-repeat !important;
	}
}

/***---メインコンテンツ共通部分---***/

h2.title {
 width: 100%;
 padding: 25px;
 margin-bottom: 30px;
 font-size: 2.7rem;
 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
 font-weight: bold;
 border-left: solid 2px #1c2950;
 border-bottom: solid 1px #1c2950;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
h3 {
 position: relative;
 margin-bottom: 30px;
 padding: 15px 0;
 font-size: 2rem;
 font-weight: bold;
 color: #1c2950;
 border-top: solid 3px #1c2950;
 border-bottom: solid 1px #f3c91f;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
h3:after {
 position: absolute;
 content: " ";
 display: block;
 border-top: solid 3px #c4181f;
 top: -3px;
 width: 30px;
}

h3.greeting {
 margin-bottom: 30px;
 padding: 15px 0;
 font-size: 3rem;
 font-weight: bold;
 text-align: center;
 color: #1c2950;
 border-top: double 3px #f3c91f;
 border-bottom: double 3px #f3c91f;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
h3.greeting:after {
 position: absolute;
 content: " ";
 display: block;
 border-top: none;
 top: -3px;
 width: 30px;
}

h4{
 margin-bottom: 20px;
 padding: 10px;
 font-size: 1.8rem;
 color: #1c2950;
 background: #ddd;
 border-top: solid 1px #1c2950;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
h5{
 margin-bottom: 10px;
 padding: 5px 0 5px 10px;
 font-size: 1.6rem;
 font-weight: bold;
 color: #1c2950;
 border-left: solid 5px #1c2950;
 border-bottom: solid 1px #ccc;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}

@media screen and (max-width:600px){
	h2.title {
	 width: 100%;
	 padding: 15px;
	 font-size: 2rem;
	 border-left: solid 2px #1c2950;
	 border-bottom: solid 1px #1c2950;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}
	h3 {
	 margin-bottom: 30px;
	 padding: 10px 0;
	 font-size: 1.8rem;
	 font-weight: bold;
	 color: #1c2950;
	 border-top: solid 3px #1c2950;
	 border-bottom: solid 1px #f3c91f;
	}
	h3.greeting {
	 margin-bottom: 30px;
	 padding: 15px 0;
	 font-size: 2rem;
	 font-weight: bold;
	 text-align: center;
	 color: #1c2950;
	 border-top: double 3px #f3c91f;
	 border-bottom: double 3px #f3c91f;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}
}


/***---テーブル---***/

table.t_01{
 width: 830px;
}
table.t_01 tr{
}
table.t_01 th{
 padding: 10px 0;
 background: #eee;
 vertical-align: middle;
 font-size: 1.3rem;
 font-weight: bold;
 text-align: center;
 border: solid 1px #cccccc;
}
table.t_01 td{
 padding: 10px 0;
 text-align: center;
 font-size: 1.3rem;
 border: solid 1px #cccccc;
}

table.t_02{
 width: 830px;
}
table.t_02 tr{
}
table.t_02 th{
 padding: 10px 0;
 background: #eee;
 font-size: 1.5rem;
 font-weight: bold;
 text-align: center;
 border: solid 1px #dddddd;
}
table.t_02 td{
 padding: 10px;
 text-align: left;
 font-size: 1.5rem;
 line-height: 2.3rem;
 border: solid 1px #dddddd;
}
table.t_02 td.t_noline{
 border-top: none;
}
table.t_02 td.b_noline{
 border-bottom: none;
}

table.t_03 td{
	padding: 4px;
}


@media screen and (max-width:600px){
	.table_set {
	 width: 100%;
	 overflow-x: auto;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 /*border-right: 1px solid #ccc;*/
	 /*-webkit-overflow-scrolling: touch;*/
	}
	.table_set::-webkit-scrollbar {
	  height: 6px;
	}
	.table_set::-webkit-scrollbar-track {
	  border-radius: 3px;
	  background: #e9dada;
	}
	.table_set::-webkit-scrollbar-thumb {
	  border-radius: 3px;
	  background: #1c2950;
	}
}


/***---リスト---***/
ul li{
 margin-bottom: 0px;
}
ul.deci{
 margin-left: 20px;
 list-style-type: decimal;
 line-height: 2.5rem;
 letter-spacing: 0.1rem;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}

.disc{
 margin-left: 20px;
 list-style-type: disc;
 line-height: 2.5rem;
 letter-spacing: 0.1rem;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}

@media screen and (max-width:600px){
	ul li{
	 margin-bottom: 10px;
	}
}

/***---リンク---***/
section a{
 word-break: break-all;
 color: #37c7f7;
}
section a:hover{
 color: #c4181f;
}

.pdf-icon {
 margin-right: 5px;
 padding-right: 22px;
 background: url(../images/common/pdf_icon.svg) 100% 50% no-repeat;
 background-size: 15px 15px;
}
.win-icon {
 margin-right: 5px;
 padding-right: 22px;
 background: url(../images/common/win_icon.svg) 100% 50% no-repeat;
 background-size: 15px 15px;
}
.mail-icon {
 margin-right: 5px;
 padding-right: 22px;
 background: url(../images/common/mail_icon.svg) 100% 50% no-repeat;
 background-size: 15px 15px;
}
.linkIcon {
 padding-left: 20px;
 background: url(../images/common/icon_arrow_01.png) 0px 2px no-repeat;
 background-size: 12px;
}

/***---ボタン---***/

a.btn{
 display: block;
 height: 50px;
 padding: 17px;
 color: #fff;
 background: #c4181f;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
a.btn:hover{
 opacity:0.7;
 transition-duration: 0.5s;
}

/***---画像表示---***/
section img.w100p{
 width: 100%;
}
figure{
 margin:10px 0;
 text-align: center;
 border: solid 1px #eee;
}
figure.img_C {
 border: none;
}
figure.img_R {
 float: right;
 margin: 0;
}
figure.img_L {
 float: left;
 margin: 0;
}
figcaption{
 margin-bottom:15px;
 text-align: center;
 font-size: 80%;
}
@media screen and (max-width:600px){
	section img{
	 width: 100%;
	}
	figure.img_R {
	 float: none;
	}
}

.fig_full {
    margin-left: auto;
    margin-right: auto;
}

.fig_full img {
    width: 100%;
}
/***---画像表示　モーダル---***/
#graydisplay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%!important;
  height: 100%;
  background: rgba(0,0,0,0.45);
  z-index: 999;
}
#graydisplay img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 90%;
  max-height: 90%;
}


/***---フッター---***/
footer{
 background-color: #1c2950;
 color: #fff;
}
.ft_wrap{
 display: flex;
 margin: 0 auto;
 width: 1200px;
 text-align: left;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.ft_box_adr{
 width: 300px;
 margin: 15px 0;
 padding: 0 10px;
 border-right: solid 1px #fff;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.ft_box{
 width: 180px;
 margin: 15px 0;
 padding: 0 10px;
 font-size: 1.4rem;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.ft_box span{
 display: block;
}
.ft_box a{
 text-decoration: none;
 color: #fff;
}
.ft_box a:hover{
 color: #f3c91f;
}
.ft_box ul{
 margin-top: 10px;
}
.ft_box ul li{
 padding: 5px 0px 5px 15px;
 font-size: 1.2rem;
 background: url(../images/common/ft_arrow.png) 0px 5px no-repeat;
}
.copyright{
 margin: 0 auto;
 padding: 10px;
 width: 100%;
 text-align: center;
 font-size: 1.2rem;
 border-top: 1px solid #fff;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.sp_info{
 display: none;
}

@media screen and (max-width:600px){
	.ft_wrap{
	 display: block;
	 width: 100%;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}
	.ft_box_adr{
	 padding: 10px;
	 width: 100%;
	 border-right: none;
	}
	.ft_box{
	 display: none;
	}
	.sp_info{
	 display: block;
	 padding: 0 10px;
	}
	.sp_info dl dt{
	 width: 100px;
	 margin: 5px 0 10px 0;
	 padding: 2px 0;
	 text-align: center;
	 border: solid 1px #fff;
	}
	.copyright{
	 margin-top: 20px;
	}
}
/***---トップに戻るー---***/
.pagetop {
 display: none;
 position: fixed;
 bottom: 30px;
 right: 30px;
}
.pagetop a {
 display: block;
 background-color: #f3c91f;
 text-align: center;
 color: #1c2950;
 font-size: 12px;
 text-decoration: none;
 padding: 10px 10px;
 filter:alpha(opacity=90);
 -moz-opacity: 0.9;
 opacity: 0.9;
 border-radius: 7px 7px 7px 7px;
 -webkit-border-radius: 7px 7px 7px 7px;
 -moz-border-radius: 7px 7px 7px 7px;
}
.pagetop a:hover {
 filter:alpha(opacity=70);
 -moz-opacity: 0.7;
 opacity: 0.7;
}


/*----------------------------------------------------
以下、各ページ用
----------------------------------------------------*/

/***---informationー---***/

.summary{
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 text-align: center;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.summary_box{
 margin: 0 0 20px 10px;
 width: 400px;
 height: 150px;
 position: relative;
 background: #efefef;
 box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.6);
 -webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.6);
 -moz-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.6);
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.summary_box a{
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.summary_box a:hover{
 background: #dddddd url(../images/common/summary_arrow.png) no-repeat right top;
 transition-duration: 0.5s;
}
.summary_title{
 margin-top: 10px;
 font-weight:bold; 
 color: #333;
}
.summary_cap{
 margin: 0 auto;
 margin-top: 20px;
 padding: 10px;
 width: 300px;
 text-align: left;
 font-size: 90%;
 color: #333;
 background: #f8f8f8;
}
table.outpatient{
 width: 830px;
}
table.outpatient th.am{
 width: 50px;
}
table.outpatient th.pm{
 width: 50px;
}
table.outpatient td{
 width: 100px;
}
table.outpatient td span{
 margin: 3px 10px;
 padding: 3px;
 display: block;
 background: #fdff98;
 font-size: 1.1rem;
 border: solid 1px #f3c91f;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
table.alliance{
 width: 830px;
}
table.alliance td.txt_L{
 padding: 10px;
 text-align: left;
}

.info_linkbox{
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
a.pagelink{
 display: block;
 width: 100px;
 margin: 0 0 5px 5px;
 padding: 5px;
 color: #1c2950;
 text-align: center;
 font-size: 1.4rem;
 background: #fffd9f;
 border-radius: 5px;
 border: solid 1px #1c2950;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
a.pagelink:hover{
 color: #1c2950;
 opacity:0.7;
 transition-duration: 0.5s;
}

table.archive{
 /*width: 830px;*/
 width: 100%;
}
table.archive th{
 padding: 0 10px;
 text-align: left;
}
table.archive td{
 width: 22%;
 /*text-align: right;*/
 text-align: center;
}

.anchor-point{
	padding-top: 240px;
	margin-top: -240px;
}



@media screen and (max-width:600px){
	.summary_box{
	 margin: 0 0 20px 0px;
	}
	a.pagelink{
	 display: block;
	 width: 33%;
	 margin-right: 5px;
	 padding: 5px;
	 color: #1c2950;
	 text-align: center;
	 font-weight: bold;
	 background: #fffd9f;
	 border-radius: 5px;
	 border: solid 1px #1c2950;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}

	.anchor-point{
	padding-top: 60px;
	margin-top: -60px;
}

}

/***---department---***/

.ph_greeting{
 margin: 0px 10px 10px 10px;
 float: right;
 width: 400px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}

@media screen and (max-width:600px){
	.ph_greeting{
	 margin: 0px 0px 0px 0px;
	 float: none;
	 width: 100%;
	}
}

/***---researchー---***/
.research{
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 text-align: center;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.research_box{
 margin: 0 0 20px 10px;
 width: 262px;
 height: 75px;
 position: relative;
 background: #efefef;
 box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.6);
 -webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.6);
 -moz-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.6);
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.research_box a{
 display: block;
 padding-top: 30px;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 color: #333;
 font-weight: bold;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.research_box a:hover{
 background: #dddddd url(../images/common/summary_arrow.png) no-repeat right top 15px;
 transition-duration: 0.5s;
}


ul.dep_list{
 width: 100%;
 padding-left: 10px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
ul.dep_list li{
 width: 100%;
 padding: 7px 0 7px 25px;
 background: url(../images/common/dep_arrow.jpg) 0px 7px no-repeat;
 background-size:15px 15px;
 word-break: break-all;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
ul.dep_list li a{
 color: #1c2950;
}
ul.dep_list li a:hover{
 opacity: 0.7;
}
@media screen and (max-width:600px){
	.research{
	 display: block;
	}
	.research_box{
	 margin: 0 0 20px 0px;
	 width: 100%;
	}
}

/***---educationー---***/

.interview{
 position: relative;
 width: 730px;
 height: 200px;
 margin-bottom: 20px;
 border: solid 2px #1c2950;
}
.interview span.category{
 display: block;
 width: 100px;
 position: absolute;
 top: 10px;
 right: 0px;
 padding: 5px;
 text-align: center;
 color: #fff;
 background: #c4181f;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.interview_name{
 position: absolute;
 width:350px;
 top: 50px;
 right: 0px;
 font-size: 2.7rem;
 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.interview_cap{
 position: absolute;
 width:350px;
 top: 120px;
 right: 0px;
 font-size: 2rem;
 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.ph_interview{
 margin: 0px 20px 20px 10px;
 float: left;
 width: 400px;
}
.interview_q{
 padding: 0 10px;
 font-size:110%;
 font-weight: bold;
 border-bottom: solid 1px #ccc;
 background: linear-gradient(transparent 60%, #dbf8f8 60%);
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.interview_sp{
 padding: 20px;
 margin-bottom: 10px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.interview_sp span{
 padding: 10px;
 border: solid 1px #ccc;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.kakomi{
 padding: 10px;
 font-weight: bold;
 border: solid 2px #c00;
}

@media screen and (max-width:600px){
	.interview{
	 position: relative;
	 width: 100%;
	 height: 200px;
	 margin-bottom: 20px;
	 border: none;
	}
	.interview_name{
	 position: absolute;
	 width:100%;
	 top: 120px;
	 font-size: 2.7rem;
	 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	 background-color:rgba(255,255,255,0.7);
	}
	.interview_cap{
	 position: absolute;
	 width:100%;
	 top: 155px;
	 font-size: 2rem;
	 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	 background-color:rgba(255,255,255,0.7);
	}



	.ph_interview{
	 margin: 0 auto;
	 float: none;
	 width: 100%;
	}
	.interview_q{
	 padding: 0px;
	 font-size:110%;
	 border-bottom: solid 1px #ccc;
	 background: linear-gradient(transparent 60%, #dbf8f8 60%);
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}
	.interview_sp{
	 padding: 20px 0;
	 margin-bottom: 10px;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}
	.interview_sp span{
	 padding: 10px;
	 border: solid 1px #ccc;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}
}



/***---educationー---***/
table.staff_list{
 width: 830px;
}
table.staff_list td.name{
 width: 150px;
 text-align: center;
 vertical-align: top;
}
table.staff_list td.name img{
 width: 150px;
}
table.staff_list td.t_noline{
 border-top: solid 1px #fff !important;
 vertical-align: bottom;
}
.dr_name{
 font-weight: bold;
 padding: 3px 0;
}
.dr_name_read{
 font-size: 1.2rem;
}
.position{
  padding-bottom: 15px;
}
.staff_list_flex{
 display: flex;
 justify-content: center;
}
.biography{
 margin: 10px 20px 0 0;
 padding: 3px 5px;
 width: 130px;
 text-align: center;
 font-weight: bold;
 display: block;
 color: #1c2950;
 background: #dddddd;
}
.biography:hover{
 opacity: 0.7;
}
.message{
 display: block;
 width: 130px;
 margin: 10px 20px 0 0;
 padding: 3px 5px;
 text-align: center;
 font-weight: bold;
 cursor: pointer;
 color: #1c2950;
 background: #dddddd;
}
.message:hover {
	cursor: pointer ;
}
.message_close{
 margin: 0 auto;
 margin-top: 10px;
 display: block;
 width: 210px;
 padding: 3px;
 text-align: center;
 font-weight: bold;
 cursor: pointer;
 color: #1c2950;
 background: #dddddd;
}
.message_close:hover {
	cursor: pointer ;
}
.modal_title{
 margin: 15px 0;
 padding: 10px;
 font-weight: bold;
 font-size: 1.6rem;
 color: #1c2950;
 background: #ffe05f;
 text-align: center;
}
.modal-content {
	width: 50% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

@media screen and (max-width:600px){
	.message_close{
	 width: 100%;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}
}

.ph_fellowship{
 margin: 0px 10px 10px;
 float: right;
 width: 250px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}

@media screen and (max-width:600px){
	.ph_fellowship{
	 margin: 0px;
	 float: none;
	 width: 100%;
	}
}





/***---newsー---***/

.info{
 width: 100%;
 margin: 30px 0 0 0;
 border-top: solid 3px #1c2950; 
 border-bottom: solid 3px #1c2950;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.info dl{
 padding: 15px;
 text-align: left;
 display: flex;
 border-bottom: dotted 1px #ccc;
}
.info dl:last-child{
 border-bottom: none;
}
.info dl dt{
 width: 200px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.info dl dt.oshirase{
 background: url(../images/common/news_oshirase.jpg) no-repeat right 9px top;
}
.info dl dt.gyouseki{
 background: url(../images/common/news_gyouseki.jpg) no-repeat right 9px top;
}
.info dl dt.chiken{
 background: url(../images/common/news_chiken.jpg) no-repeat right 9px top;
}
.info dl dd{
 position: relative;
 width: 530px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.info dd a{
 color: #1c2950;
}
.info dd .base_color_r{
 color: #c4181f;
}
.info dd a:hover{
 text-decoration: underline;
}

.info_news{
 width: 100%;
 margin: 30px 0 0 0;
 padding: 20px;
 border-top: solid 3px #1c2950; 
 border-bottom: solid 3px #1c2950;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}

.date{
 font-weight: bold;
 font-size: 110%;
 color: #1c2950;
}

@media screen and (max-width:600px){
	.info dl{
	 display: block;
	}
	.info dl dt{
	 width: 100%;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}
	.info dl dd{
	 width: 100%;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}
	.info dl dt.oshirase{
	 background: url(../images/common/news_oshirase.jpg) no-repeat 100px top;
	 padding-bottom: 5px;
	}
	.info dl dt.gyouseki{
	 background: url(../images/common/news_gyouseki.jpg) no-repeat 100px top;
	 padding-bottom: 5px;
	}
	.info dl dt.chiken{
	 background: url(../images/common/news_chiken.jpg) no-repeat 100px top;
	 padding-bottom: 5px;
	}
}






/***---sitemap---***/
.sitemap_area{
 margin: 0 auto;
 padding: 20px 0;
 width: 950px;
}
.sitemap{
 width: 100%;
 margin: 30px 0 0 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.sitemap dl{
 padding: 15px;
 text-align: left;
 display: flex;
 border-bottom: dotted 1px #ccc;
}
.sitemap dl dt{
 width: 200px;
 padding-bottom: 20px;
 font-weight: bold;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.sitemap dl dd{
 position: relative;
 width: 730px;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.sitemap dd a{
 color: #1c2950;
}
.sitemap dd a:hover{
 text-decoration: underline;
}

@media screen and (max-width:600px){
	.sitemap_area{
	 width: 100%;
	}
	.sitemap dl{
	 display: block;
	}
	.sitemap dl dt{
	 width: 100%;
	}
	.sitemap dl dd{
	 width: 100%;
	}
}
