@charset "utf-8";

/** --- 先輩からのメッセージ --- **/
.bg_abroad2{background-image: url("/honbu/global/ja/abroad/inbound/images/cover2_abroad2.jpg")}
/** --- message --- **/
#message ul{
   display: flex;
   flex-wrap: wrap;
   width: 100%;
    margin-bottom: 2em
}
#message li{
    width: 31%;
    margin: 1%;
	list-style-type: none;
	overflow: hidden;
	padding: 3.75em 1.5em 1em;
    background-color: #F9F6F1;
    text-align: center;
    position: relative;
	border-radius: 10px;
}
#message li .date,
           .title{
	display: block;
    width: 100%;
    margin: 1em auto;
}
#message li .date{
    margin-bottom: 1.25em;
    font-size: 1.25em;
    color: #006224
}
#message li .date.new {
   background-image: url(/honbu/global/ja/images/icon_new.svg);
   background-repeat: no-repeat;
   background-position: right center;
   background-size: 76px 21px
}
#message li .title {
	margin-bottom: 0.5em
}
#message li .title a {
    color: black;
}
#message li div.me_ttl{
    position: absolute;
    top: 1.5em;
	font-size: 15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);   
    min-width: 300px;
}
#message  li .title span.un_name{
    display: table;
    width: 100%;
    background-color: white;
	color: #342619;
	font-weight: 600;
/*    border: 1px solid rgba(0,98,36,1.00);*/
    height: 80px;
    margin-bottom: .8em;
	background: linear-gradient(0deg, transparent 0 5%, #fff 0 95%, transparent 95%),
        repeating-linear-gradient(-45deg, #D6C3B4 0 4px, #fff 4px 8px);
}

#message  li .title span.un_name p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0.5em;
    line-height: 1.5;
    font-size: 18px;
}
#message ul li span.photo img{
     padding-top: 160px; 
}
/*---サムネイル写真のリサイズ---*/
#message ul li span.photo .resize {
  object-fit: cover;
  width: 100%;
  height: 450px;
  object-position: 50% 50%; /* 他のブラウザ用(＝通常の指定) */
  font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE?Edge対応 */
      
  }
/*教育*/
#message li .title span.edu{
    display: block;
    background-color: #ed406c;
	border-radius: 20px;
    color: #fff;
    font-size: 16px;
    margin: 1em auto .5em;
    padding: .2em .5em;
}
/*国際資源*/
#message li .title span.inter{
    display: block;
    background-color: #00ab4f;
	border-radius: 20px;
    color: #fff;
    font-size: 16px;
    border: none;
    margin: 1em auto .5em;
    padding: .2em .75em;
}
/*医学*/
#message li .title span.med{
    display: block;
    background-color: #00b6be;
	border-radius: 20px;
    color: #fff;
    font-size: 16px;
    border: none;
    margin: 1em auto .5em;
    padding: .2em .75em;
}
/*理工*/
#message li .title span.riko{
    display: block;
    background-color: #3277bd;
	border-radius: 20px;
    color: #fff;
    font-size: 16px;
    border: none;
    margin: 1em auto .5em;
    padding: .2em .75em;
}
/*情報データ*/
#message li .title span.data{
    display: block;
    background-color: #8b64ab;
	border-radius: 20px;
    color: #fff;
    font-size: 16px;
    border: none;
    margin: 1em auto .5em;
    padding: .2em .75em;
}



@media screen and (max-width: 1200px) {
#message li div.me_ttl{
    min-width: 230px;
}
#message ul li span.photo img{
     padding-top: 170px;
}
#message li .title span.edu,
#message li .title span.inter,
#message li .title span.med,
#message li .title span.riko,
#message li .title span.sogo,
#message li .title span.data{
    font-size: 14px;
    padding: .2em .5em;
}
}
@media screen and (max-width: 991px) {
#message li{
    width: 48%;
    margin: 1%;
}
#message li div.me_ttl{
    width: 90%;
}
#message li .title .me_ttl{font-size: 15px;}
#message ul li span.photo img{
     padding-top: 150px;
}
#message li .title span.edu,
#message li .title span.inter,
#message li .title span.med,
#message li .title span.riko,
#message li .title span.sogo,
#message li .title span.data{
    font-size: 13px;
    padding: .2em;
}
}
@media screen and (max-width: 768px) {
#message li{
    width: 100%;
    margin: 0 0 30px 0;
}
#message ul li{
    font-size: 10px;
}
#message ul li span.photo .resize { height: 50%; }
#message li .title span {font-size: 16px;}
#message ul li span.photo .resize {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: 50% 50%; /* 他のブラウザ用(＝通常の指定) */
  font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE?Edge対応 */
      
  }
#message ul li span.photo img{
     padding-top: 180px;
}
#message li .title span.edu,
#message li .title span.inter,
#message li .title span.med,
#message li .title span.riko,
#message li .title span.sogo,
#message li .title span.data{
    font-size: 15px;
    padding: .2em .5em;
}
}


.loose-leaf{
  background: #F9F6F1;
/*  border-left: 15px dotted rgba(255,255,255,1);*/
  box-shadow: 0 0 0 5 #f8f0d7;
  padding: 2em;
  margin: 1em 5px;
}

.tape{
  display: block;
  background-color: #ccb;
  opacity: 0.5;
  transform: rotate(3deg);
  width: 200px;
  height: 35px;
  margin: -3em auto 1.5em auto;
}

.tape-box p{
  margin: 0;
  padding: 0;
}
.border_lg {
	border: 5px solid rgba(106, 209, 200,.7);
    margin: 1em 0;
}
.border_bl {
	border: 5px solid rgba(73, 163, 255,.7);
    margin: 1em 0;
}
.border_or {
	border: 5px solid rgba(252, 216, 92,.7);
    margin: 1em 0;
}

h3.h3_in_br{
  position: relative;
  margin-bottom: 1em;
}

h3.h3_in_br::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #716558, #716558 2px, #F9F6F1 2px, #F9F6F1 4px);
  background: repeating-linear-gradient(-45deg, #716558, #716558 2px, #F9F6F1 2px, #F9F6F1 4px);
}

.zaikou_mr20{ margin-right:20px !important; }
.zaikou_ml20{ margin-left:20px !important; }

@media screen and (max-width: 768px) {
.zaikou_mr20{ margin-right:0px !important; }
.zaikou_ml20{ margin-left:0px !important; } 
.img100{width: 100%; 
} 
.img100 img{
    display: block;
    margin: auto; 
} 
}
/** --- report_detail --- **/
#message_detail{
}
#message_detail h2{
margin-bottom: 1em;
}
#message_detail h2 span.un_name{
    display: block;
    width: 100%;
    background-color: white;
	color: #342619;
    background: linear-gradient(0deg, transparent 0 5%, #fff 0 95%, transparent 95%),
        repeating-linear-gradient(-45deg, #D6C3B4 0 4px, #fff 4px 8px);
    margin: 1em auto;
}
#message_detail h2 span.un_name p{
    text-align: center;
    font-size: 26px;
    padding: .5em 0;
    margin-bottom: 0;
    line-height: 1.5;
}
#message_detail .me_ttl{
    font-size: 20px;
	padding-bottom: 0;
}
/*教育*/
#message_detail h2 span.edu{
    display: block;
	width: 50%;
    background-color: #ed406c;
	border-radius: 20px;
    color: #fff;
    font-size: 18px;
    margin: 1.5em auto 1em;
    padding: .2em .5em;
}
/*国際資源*/
#message_detail h2 span.inter{
    display: block;
	width: 50%;
    background-color: #00ab4f;
	border-radius: 20px;
    color: #fff;
    font-size: 18px;
    border: none;
    margin: 1.5em auto 1em;
    padding: .2em .75em;
}
/*医学*/
#message_detail h2 span.med{
    display: block;
	width: 50%;
    background-color: #00b6be;
	border-radius: 20px;
    color: #fff;
    font-size: 18px;
    border: none;
    margin: 1.5em auto 1em;
    padding: .2em .75em;
}
/*理工*/
#message_detail h2 span.riko{
    display: block;
	width: 50%;
    background-color: #3277bd;
	border-radius: 20px;
    color: #fff;
    font-size: 18px;
    border: none;
    margin: 1.5em auto 1em;
    padding: .2em .75em;
}
/*情報データ*/
#message_detail h2 span.data{
    display: block;
	width: 50%;
    background-color: #8b64ab;
	border-radius: 20px;
    color: #fff;
    font-size: 18px;
    border: none;
    margin: 1.5em auto 1em;
    padding: .2em .75em;
}
#message_detail h3{
border-left: 5px solid #716558;
padding-left: 10px;
font-size: 22px;
text-align: left;
margin-bottom: 1em;
}


@media screen and (max-width: 768px) {
#message_detail h2 span.un_name p{
    font-size: 18px;
}
#message_detail h2 span.edu,
#message_detail h2 span.inter,
#message_detail h2 span.med,
#message_detail h2 span.riko,
#message_detail h2 span.sogo,
#message_detail h2 span.data{
    width: 150px;
    font-size: 15px;
}
#message_detail .me_ttl{
    font-size: 18px;
}
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

ul.btn_re{
    width: 100%;
    text-align: center;
    margin: 1em 0;
}
ul.btn_re li{
    display: inline-block;
    color: #0F7D33;
    background-color: #E6F1E8;
    border: 1px solid #0F7D33;
    border-radius: 50px;
    padding: .5em 1.2em;
    margin: .5em .2em;
}
ul.btn_re li a{
    color: #0F7D33;
}