/*----------------------------------------------------------------------------
******************************************************************************
** style
******************************************************************************
----------------------------------------------------------------------------*/
.mcon {
	line-height:1.6;
	word-wrap:break-word
}
.mcon a img:hover {
	opacity:0.8;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease
}
.mcon h1 {
	background:url(../images/icon_reinbow.png) no-repeat left center;
	border-bottom: 1px solid #DDD;
	font-size: 17px;
	line-height: 1.4;
	padding: 5px 0 5px 26px;
	margin-bottom: 20px;
}
.mcon h2 {
	padding: 8px 16px;
	margin: 20px 0px 15px;
	font-size: 16px;
	color: #FFF;
	background-color: #F9B395;
	border-radius: 6px;
}
.mcon h3 {
	font-size: 16px;
	margin-bottom:10px;
	margin-top:16px;
	padding-left: 3px;
	padding-bottom: 3px;
	border-bottom: 2px solid #F9B395;
	position: relative;
}
.mcon h3:before {
	border-bottom: 2px solid rgba(255, 255, 255, 0.4);
	content: "";
	bottom: -2px;
	left: 0;
	position: absolute;
	width: 30%;
}
.mcon h4 {
	font-size:1.1em;
	margin-bottom:5px;
	margin-top:5px;
}
.mcon h5, .mcon h6 {
	font-size: 1em;
	margin-bottom:2px;
	margin-top:5px;
}
.mcon hr {
	border:none;
	border-top:1px dotted #000
}
.mcon iframe { max-width:100% }
.mcon img {
	max-width:100%;
	height:auto
}
.mcon ol {
	margin-top:1.2em;
	margin-bottom:0.7em
}
.mcon ol li {
	margin-left:1.5em;
	margin-bottom:0.5rem
}
.mcon p { margin-bottom:1em }
.mcon ul {
	margin-top:1.2em;
	margin-bottom:0.7em
}
.mcon ul li {
	list-style-type:disc;
	margin-left:1.5em;
	margin-bottom:0.5rem
}
/*----------------------------------------------------------------------------
******************************************************************************
** header
******************************************************************************
----------------------------------------------------------------------------*/
.hd_bg {
	background: #F9E9DB;
	border-bottom: 2px solid #F7DFD0;
}
.hd {
	position: relative;
	display:flex;
	align-items: center;
	padding: 10px;
}
.hd_logo {}
.hd_logo a {
	background: url(../images/en/sp/logo.png) no-repeat top left;
	background-size: contain;
	display: block;
	width: 300px;
	height: 55px;
	padding-top: 55px;
	overflow: hidden;
}
.hd_comp{
	display: none;
}
.hd_en {
	position: absolute;
	right: 0;
	top: 20px;
}
/*----------------------------------------------------------------------------
******************************************************************************
** global nav
******************************************************************************
----------------------------------------------------------------------------*/
.nav {
	-webkit-box-shadow:inset 0 0 5px 5px #222;
	box-shadow:inset 0 0 5px 5px rgba(80,50,30,0.9);
	background: rgba(80,50,30,1);
	color:#fff;
	height:calc(100% + 500px);
	padding-bottom:500px;
	z-index:100;
	width:70%;
	overflow-x:none;
	overflow-y:auto;
	top:0px;
	right:-70%;
	position:fixed;
	-webkit-transition:All 0.5s ease;
	transition:All 0.5s ease
}
.nav_list>li>a {
	border-bottom:1px solid rgba(0, 0, 0, 0.15);
	font-size: 14px;
	color:#fff;
	font-weight:bold;
	display:block;
	padding:1em 1.5em;
	text-decoration:none;
	position:relative
}
.nav_list>li>a:hover {
	-webkit-box-shadow:inset 0 0 10px 2px rgba(0, 0, 0, 0.3);
	box-shadow:inset 0 0 10px 2px rgba(0, 0, 0, 0.3)
}
.nav_list>li>a::after {
content:attr(data-text);
display:block
}
.nav_list>li>a img { display:none }

.sp_nav_open { right:0 !important }
.sp_nav_trigger {
	cursor:pointer;
	z-index:1000;
	position:fixed !important;
	top: 15px;
	right:15px;
	margin-top:-5px;
	width:36px;
	height:24px
}
.sp_nav_trigger span {
	display:inline-block;
	position:absolute;
	left:0;
	width:100%;
	height:4px;
	background-color:rgba(80,50,30,1);
	border-radius:4px;
-webkit-transition:all .4s;
transition:all .4s;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.sp_nav_trigger span:nth-of-type(1) {
top:0
}
.sp_nav_trigger span:nth-of-type(2) {
top:10px
}
.sp_nav_trigger span:nth-of-type(3) {
bottom:0
}
.sp_nav_trigger::after {
position:absolute;
left:0;
bottom:-20px;
content:'MENU';
display:block;
width:100%;
padding-top:20px;
color: rgba(80,50,30,1);
font-size:10px;
text-decoration:none;
text-align:center;
-webkit-transition:all .4s;
-webkit-transition:all 0.4s;
transition:all 0.4s
}
.sp_nav_trigger.active::after {
content:'CLOSE';
bottom:-25px;
color:#fff
}
.sp_nav_trigger.active span:nth-of-type(1) {
-webkit-transform:translateY(10px) rotate(-45deg);
transform:translateY(10px) rotate(-45deg);
background:#fff
}
.sp_nav_trigger.active span:nth-of-type(2) {
opacity:0;
background:#fff
}
.sp_nav_trigger.active span:nth-of-type(3) {
-webkit-transform:translateY(-10px) rotate(45deg);
transform:translateY(-10px) rotate(45deg);
background:#fff
}
/*----------------------------------------------------------------------------
******************************************************************************
** content
******************************************************************************
----------------------------------------------------------------------------*/
.con { padding:20px 10px 30px }
.main { margin-bottom:30px }
.side h2 {
	border:1px solid #F9B395;
	background-color: #F9B395;
	border-radius: 5px;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom: 10px;
	padding:8px;
	text-align:center
}
.side_nav_list li{ margin-bottom: 5px; }
.side_nav_list li a {
	background:url(../images/icon_arrow.png) no-repeat 10px center #FFF;
	border: 2px solid #F9B395;
	border-radius: 5px;
	color:#261200;
	display:block;
	padding: 10px 16px 10px 26px;
	text-decoration:none
}
.side_nav_list li a:hover, 
.side_nav_list li a.current { border: 2px solid #F9B395; background-color: rgba(255, 255, 255, 0.8);}
/*----------------------------------------------------------------------------
******************************************************************************
** footer
******************************************************************************
----------------------------------------------------------------------------*/
.ft {
	background: #F9E9DB;
	padding-top: 20px;
	padding-bottom:20px
}
.ft_copy {
	font-size:0.9em;
	text-align:center
}
/*----------------------------------------------------------------------------
******************************************************************************
** pagetop
******************************************************************************
----------------------------------------------------------------------------*/
.pagetop_btn {
	background-color: rgba(80,50,30,1);
	color:#ffffff;
	cursor:pointer;
	display:block;
	font-size: 14px;
	padding:14px;
	text-align:center;
	text-decoration:none;
	width:100%
}
.pagetop_btn:hover { background-color:rgba(0, 0, 0, 0.4) }
/*----------------------------------------------------------------------------
******************************************************************************
** common
******************************************************************************
----------------------------------------------------------------------------*/
.bnr_list li { margin-bottom: 10px; text-align: center; }
.bnr_list li img{ max-width: 100%; height: auto; }
.news_table {
	display:block;
	width:100%
}
.news_table tbody{
	display:block;
	width:100%;
}
.news_table tr { 
	border-bottom:1px dotted #999;
	display:flex;
	flex-wrap: wrap;
	padding: 10px 0 7px;
	width: 100%;
}
.news_table td { width: 100%; }
.news_date{
	order: 1;
	margin-bottom: 5px;
}
.news_held_date {
	border: 1px solid #66340D;
	border-radius: 5px;
	color: #66340D;
	display: block;
	text-align: center;
	margin-bottom: 5px;
	padding: 0 10px;
}
.news_title { padding-bottom:3px; order: 2; }
.news_icon_new {
	display:inline-block;
	color:#C00;
	font-weight:bold;
	margin-left:0.5em
}
/*----------------------------------------------------------------------------
******************************************************************************
** index
******************************************************************************
----------------------------------------------------------------------------*/
.index_bnr{
	margin-top: 20px;
}
.bnr_list_02 li{
	 text-align: center;
	margin-bottom: 10px;
}
.index_greet h2 { margin-top:0px }
.index_news h2 {
	background:url(../images/icon_reinbow.png) no-repeat left center;
	font-size: 16px;
	padding-left: 26px;
	margin-bottom: 10px;
	position: relative;
}
.index_news h2 .archive_link{
	border: 1px solid #111;
	border-radius: 4px;
	color: #111;
	font-size: 0.9rem;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	padding: 0 0.5em;
}
.index_news h2 .archive_link:hover{
	background-color: #111;
	color: #FFF;
	text-decoration: underline
}
.index_news_scroll {}
.index_slide{
	position: relative;
	background-color: #FDE8DF;
}
.index_slide img {
	width: 100%;
	height: auto;
}
.index_slide_img_txt {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
}
.index_nav { margin-bottom: 20px;}
.index_nav_list {
	
}
.index_nav_list li {
	margin-bottom: 10px;
}
.index_nav_list a{
	border: 1px solid rgba(80,50,30,1);
	color: rgba(80,50,30,1);
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 10px;
}
.index_nav_list a:hover{
	background-color: rgba(80,50,30,1);
	color: #FFF;
}
.index_nav_list a::after {
content:attr(data-text);
display:block
}
.index_nav_list li img{
	display: none;
}
.index_nav_list li:nth-child(1) {
 top: -10px;
}
.index_nav_list li:nth-child(2) {
 top: -30px;
}
.index_nav_list li:nth-child(3) {
 top: 0;
}
.index_nav_list li:nth-child(4) {
 top: -50px;
}
/*----------------------------------------------------------------------------
******************************************************************************
** page
******************************************************************************
----------------------------------------------------------------------------*/
.modelcase_list{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.modelcase_list > *{
	width: calc((100% - 1rem)/2);
	margin-bottom: 1rem;
}
.modelcase_list > * img{
	width: 100%;
	height: auto;
	box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
}
.modelcase_list a:hover{
	opacity: 0.8;
}
.modelcase_mcon_iframe iframe{
	width: 100%;
	height: 55vw;
}
.mcon .modelcase-qa_mcon_ttl{
	color: #111;
	font-size: 1.4rem;
	padding: 3px 0 0 36px;
	background: url("https://womenres.hiroshima-u.ac.jp/wp/wp-content/uploads/2020/03/icon_question_red01.png") no-repeat left center;
}
.modelcase_main_post{
	margin:1rem 0 0;
	text-align:right;
	font-size: 0.9rem;
}
/*----------------------------------------------------------------------------
******************************************************************************
** utility.sc.css 上書き
******************************************************************************
----------------------------------------------------------------------------*/
.tbl_bdr th{
	background-color: #F2E7DF!important;
	padding: 8px!important;
}
.tbl_bdr td{
	padding: 8px!important;
}