@charset "utf-8";

body {
	/*background: #F5F7FA;*/
}

body#medicalStudent #contents h1 {
width:100%;
position: relative;
font-size:140%;
color:#FF7200;
background:url(../../common/images/line.gif)repeat-x bottom left;
padding: 0.5em 0.5em 0.5em 1em;
margin-bottom:1em;
}

body#medicalStudent #contents h1:before{
  content: "";
  position: absolute;
  background: #FF7200;
  top: 0;
  left: 0.4em;
  height: 12px;
  width: 12px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
 
body#medicalStudent #contents h1:after{
  content: "";
  position: absolute;
  background:#FF7200;
  top: 1.0em;
  left: 0;
  height: 8px;
  width: 8px;
  transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
}

body.top #main .inner{
	position:relative;
	color:#2D73FF;

}
.inner ul.option:before{
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-color: transparent #FF7200 #FF7200 transparent;
	border-style: solid;
	border-width: 6px;
	
}


.inner ul.option:aftter{
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-color: transparent #FF7200 #FF7200 transparent;
	border-style: solid;
	border-width: 6px;
}

body.top ul.option  {
	position: relative;
	margin:4px 1px 4px 1px;
	padding:0 5px;
	font-size:0;	
}

body.top ul.option li {
	font-size: 11px;
	font-weight:bold;
	display:inline-block;
	margin:2px;
	padding: 0 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
body.top ul.option li.postNew{
	background:#DD0003;
	color:#FFFFFF;
}
body.top ul.option li.postNews{
	background:#00B31A;
	color:#FFFFFF;
}
body.top ul.option li.postEvent{
	background:#0068B7;
	color:#FFFFFF;
}
body.top ul.option li.postArea{
	background:#F59331;
	color:#FFFFFF;
}



body.top ul.option li h4 {
	display:inline-block;
	font-size: 12px;
	color: #666;
}

body.top ul.option li h4 {
	float:left;
	color: #666;
}


body.top ul.option li:last-child{
	border-bottom: none;
}


@media screen and (max-width:767px) {
	 #contents h1 {
	    margin: 0 10px!important;
    width: auto!important;	 
	  }
}


/*introduction*/
.box_introduction {
	display: flex;
	align-items: center;
	justify-content:space-between;
    background-color: rgba(51, 153, 255,0.1);
    border: 1px solid rgb(51, 153, 255);
    padding: 10px 20px;
    margin-bottom: 10px;
}
.box_introduction .box_inr_01{width:30%;background: #e1eefb;}
.box_introduction .box_inr_01 img{width:100%;}
.box_introduction .box_inr_02{width:65%;}

.box_introduction .tit{font-size: 24px;
color: rgb(51, 153, 255);
font-weight: bold;
line-height: 1.1;
margin-bottom: 5px;}
.box_introduction .name1{line-height:1.3;}

.box_introduction .btn a{
	float: left;
	width: 45%;
	margin: 20px 2.5% 0;
	display: block;
	background: rgba(51, 153, 255,.8);
	color: #fff;
	text-align: center;
	border:1px solid #fff;
	box-shadow: 0 0 0 2px rgba(51, 153, 255,.8);
	padding: 10px 0;
    line-height: 1;
}
.box_introduction .btn a.btn_color-01{
	background:#b2d249;
	box-shadow: 0 0 0 2px #b2d249;}
.box_introduction .btn a.btn_color-02{
	background:#fac02c;
	box-shadow: 0 0 0 2px #fac02c;}
.box_introduction .btn a span{position: relative;}
.box_introduction .btn a span:after{display: block;
content: "";
position: absolute;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 6px solid #fff;
top: 30%;
right: -16px;}

.box_introduction .btn.btn_one a{float:none;margin-left:auto;}

@media screen and (max-width:900px) {
.box_introduction .tit {
	font-size: 2.2vw;}
}
@media screen and (max-width:767px) {
	.all_area{margin-top:15px;}
.box_introduction .btn a{
	float:none;
	width:100%;
	margin:20px auto;
}
}
@media screen and (max-width:768px) {
	.box_introduction {padding:20px;}
.box_introduction .tit {
font-size: 18px;
line-height: 1.3;
margin-top: 20px;
margin-bottom: 20px;

}
.box_introduction {
	display: block;
}	

.box_introduction .box_inr_01{width:90%;margin:0 auto;}
.box_introduction .box_inr_02{width:100%;}



}

.ttl {
    background: #0067b2;
    margin: 0 0 10px 0;
    padding: 6px 0;
    color: #ffce08;
}
#sub dl {
	margin: 0;
	padding: 0;
}
#sub dt {
	width: 150px;
	float: left;
	clear: both;
	padding: 10px 0 10px 1.4em;
	line-height: 1.5;
	font-weight: bold;
	color: #0067b2;
	font-size: 12px;
}
#sub dd {
	padding: 10px 5px 10px 10px;
	border-bottom: 1px dotted #bfbfbf;
	line-height: 1.5;
	font-size: 14px;

}

/*tab
-------------------------------*/

/*tab*/
.tab_area {
	overflow: hidden;
	display: flex;
	margin: 0;
}
.tab_area li {
	width: 50%;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	color: #666;
	background-color: #ffffff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-radius: 4px 4px 0 0;
	padding: 10px 0;
	line-height: 1.5;
}
.all_area div.content_area {
	background: #ffffff;
	border-top: 1px dotted #bbbbbb;
	background: #ffffff;
	border-top: 3px solid rgb(51, 153, 255);
}
.tab_area li.select {
	/*アクティブタブの装飾*/
	background-color: #ffffff;
	background-image: none;
	color: #333333;
	background: rgb(51, 153, 255);
	color: #fff;
}
.hide {
	display: none;
}
.list_area {
	border: 1px solid #ccc;
	border-top: none;
	padding: 10px;
	overflow: hidden;
}