@charset "utf-8";
  

/*---------------------------------------
  タイトル部分
---------------------------------------*/
.title_img{
	background:url(../img/main_img_2.jpg) center;
	background-size:cover;
	padding:7rem 5%;
	/* じわっと画像が表示される */
 	animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
 

.title_img h2{
	color:#fff;
	text-align:left;
	padding:0;
	margin:0;
}
.title_img h2:before{
	content:none;
}

@media screen and (max-width: 600px) {
.title_img{
	padding:5rem 5%;
}
}


/*---------------------------------------
  代表あいさつ
---------------------------------------*/
.bg_sky{
	overflow:hidden;
	background:url(../greetings/img/greetings_bg.jpg) no-repeat top #fff;
	background-size:100%;
}
.greeting_top{
	padding-bottom:6rem;
}
.greeting_top img{
	float:left;
	width:25%;
}
.greeting_top .txt{
	float:right;
	width:70%;
}
.greeting_top h3{
	font-size:180%;
	padding-bottom:2rem;
	font-family: 'Zen Antique', serif;
	font-weight:300;
}
.greeting_top .name{
	text-align:right;
	padding-top:1rem;
}
.greeting_top .name strong{
	font-size:180%;
	padding-left:10px;
	font-family: 'Zen Antique', serif;
	font-weight:300;
}


@media screen and (max-width: 600px) {
.bg_sky{
	background-size:150%;
}
.greeting_top{
	padding-bottom:2rem;
}
.greeting_top img{
	float:right;
	width:35%;
}
.greeting_top h3{
	width:60%;
	font-size:150%;
	padding-bottom:1rem;
}
.greeting_top .txt{
	float:none;
	width:100%;
}
.greeting_top .name strong{
	font-size:150%;
}
	
}

/*---------------------------------------
  実行委員会
---------------------------------------*/
.member{
	padding-bottom:5rem;
	position:relative;
}

.member dl:first-child{
	border-top:1px dashed #bbaaa2;
}
.member dl{
	border-bottom:1px dashed #bbaaa2;
	padding:15px 0;
	overflow:hidden;
}
.member dt{
	width:170px;
	float:left;
}
.member dd{
	width:360px;
	float:left;
}
.member dd:last-child{
	width:20%;
}
.member p{
	text-align:right;
	padding:15px 0;
}
.bg_img1{
	position:absolute;
	top:3%;
	left:1%;
	width:11%;
	max-width: 183px;
}
.bg_img2{
	position:absolute;
	right:1%;
	top:30%;
	width:11%;
	max-width: 165px;
}
.bg_img3{
	position:absolute;
	left:1%;
	bottom:30%;
	width:11%;
	max-width:230px;
}
.bg_img4{
	position:absolute;
	right:1%;
	bottom:10%;
	width:11%;
	max-width:194px;
}

@media screen and (max-width: 600px) {
.bg_img1{
	width:18%;
	right:10px;
	left:auto;
}
.bg_img2{
	width:18%;
}
.bg_img3{
	width:18%;
	right:10px;
	left:auto;
}
.bg_img4{
	width:18%;
	bottom:0;
}
.member p{
	text-align:left;
}
.member dt{
	width:130px;
	float:left;
}
.member dd{
	margin-left:135px;
	width:60%;
	float:none;
}
.member dd:last-child{
	width:200px;
}
}
@media screen and (max-width: 400px) {
.member dl{
	padding:15px 10px;
}
.member dt{
	width:100%;
	padding-left:0;
	color:#3f9543;
}
.member dd,
.member dd:last-child{
	width:100%;
	margin-left:0;
	float:none;
}
}