@charset "UTF-8";
/* CSS Document */

#contents{
margin: 70px 0 0 0;
padding: 2% 0 0 0;
background:#f5fbfa url(images/img_top.jpg) top left no-repeat;
background-size: 100% auto;
text-align: center;
	}
	
#top >p{
	text-align: center;
	color: #004ea2;
	text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
	}

#top >p.size25{
	font-size: 25px;
	display: inline-block;
	}
			
#top>h2{
	padding: 0 2%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	font-size: 22px;
	border: 1px solid #004ea2;
	color: #004ea2;
	text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
	}
	
#top>p.size60{
	margin: 23% 0 4% 0;
	font-size: 4.375vw;
	}	
	
#top>p.size60 span{
	font-weight: bold;
	}
	
#top>p.size60 span:nth-child(2n+1){
	display: inline-block;
	vertical-align: middle;
	padding: 0.2% 2%;
	background: rgba(255,255,255,0.65);
	}
	
#top>p.size60 span:nth-child(3){
	font-size: 2.81vw;
	padding: 1.8% 2%;
	}
	
#top>p.size60 span:first-child{
	margin: 0 7% 0 0;
	}
	
#top>p.size60 span:nth-child(2){
	}	
	
#top>p.size60 span:last-child{
	margin: 0 0 0 6%;
	}

/*--------------
article
---------------*/	
	
	
/*--------------
profile
---------------*/	
#prof_row3{
	margin: 60px 0 0 0;
	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
	-js-display: flex;
	-webkit-align-items: center; /* Safari */
  	align-items:         center;
	 -webkit-justify-content: space-between; /* Safari */
  	justify-content:         space-between;	
	}
	
#prof_row3 div.profile-blue,#prof_row3 div.profile-green,#prof_row3 div.profile-orange{
	position: relative;
	width: 29%;
	}
	
#prof_row3 .bt{
	display: inline-block;
	padding: 3px 10px 3px 5px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.08em;
	cursor: pointer;
	box-sizing: border-box;
	transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
	}
	
#prof_row3 .name{
	padding: 5% 4%;
	text-align: center;
	}
	
#prof_row3 .name p{
	text-align: center;
	line-height: 1.5em;
	}	
	
#prof_row3 img{
	max-width: 100%;
	}	
	
#prof_row3 .cross{
	width: 4%;
	}	
	
#prof_row3 .size36{
	font-size: 28px;
	}
	
.profile-orange .pos{
	font-size: 14px;
	line-height: 1.3em;
	color: #d2801e;
	text-align: center;
	border: 1px solid #d2801e;
	padding: 2% 5%;
	}
	
.mclose{
	right: 32px;
	}
	
/*--------------
modal
---------------*/
.modalBody .Lside{
	width: 29%;
	}
	
.profileContent{
	margin-left: 22%;
	}
	
.Lside .name p:nth-child(2){
	font-size: 28px;
	}