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

@media(min-width:481px){

#contents{
    width:1200px;
	margin:0 auto;
	padding-top: 50px;
	padding-bottom:50px;

}

#contents2{
    width:1200px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:40px;
	z-index: 7;
}

#contents3{
    width:1200px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:40px;
	z-index: 7;
}



#visualarea{
    width:1024px;
	height:521px;
	margin:0 auto;
	padding-top: 0px;
	background-repeat: no-repeat;


}


#mainvisual{
    width:1024px;
	height:521px;
	margin:0 auto;
	padding-top: 0px;
	background-image: url(../images/mainvisual1.png);
	background-repeat: no-repeat;

}

#mainvisual2{
    width:1024px;
	height:521px;
	margin:0 auto;
	padding-top: 0px;
	background-image: url(../images/mainvisual2.png);
	background-repeat: no-repeat;
}

#mainvisual3{
    width:1024px;
	height:521px;
	margin:0 auto;
	padding-top: 0px;
	background-image: url(../images/mainvisual3.png);
	background-repeat: no-repeat;

}



/*20210215削除済み #mainvisual4*/


#mainvisual5{
    width:1024px;
	height:521px;
	margin:0 auto;
	padding-top: 0px;
	background-image: url(../images/mainvisual5.png);
	background-repeat: no-repeat;

}

#mainvisual6{
    width:1024px;
	height:521px;
	margin:0 auto;
	padding-top: 0px;
	background-image: url(../images/mainvisual6.png);
	background-repeat: no-repeat;

}


#mainvisual7{
    width:1024px;
	height:521px;
	margin:0 auto;
	padding-top: 0px;
	background-image: url(../images/mainvisual7.png);
	background-repeat: no-repeat;

}

#mainvisual_s{
	display:none;
}


.maintext{
	width:950px;
	margin:0 auto;
	padding-top:50px;
	font-size:17px;
	line-height:54px;
	text-align:center;

}

.maintext2{
	width:950px;
	margin:0 auto;
	padding-top:10px;
	font-size:17px;
	line-height:54px;
	text-align:center;

}

.maintext3{
	width:950px;
	margin:0 auto;
	padding-top:0px;
	font-size:24px;
	line-height:32px;
	text-align:center;

}

.maintext4{
	width:950px;
	margin:0 auto;
	padding-top:10px;
	font-size:17px;
	line-height:54px;
	text-align:left;
}
.fl-300{
  display: inline;
	width:300px;
	margin:0 0;
	padding:10px;
	text-align:left;
  float:left;
}

.fl-450{
  display: inline;
	width:450px;
	margin:0 0;
	padding:10px;
	text-align:left;
  float:left;
}
.fl-600{
  display: inline;
	width:600px;
	margin:0 0;
	padding:10px;
	text-align:left;
  float:left;
}
/*スケジュールエリア*/

#scheduleandnewsbg{
	width: 100%;
	min-width:1200px;
	padding-top:50px;
	padding-bottom:50px;
	background-color:rgba(118,171,147,0.2);
}

#schedulearea{
	 width:600px;
	 margin-top:0px;
	 padding-bottom:50px;
	 margin-left:0px;
	 float:left;

}


.scheduletitle{
	width:475px;
	margin:0 auto;
	padding-top: 100px;
	text-align: center;
}

.schedulecon{
	width:475px;
	margin:0 auto;
}


.s_area1{
	width:475px;
	padding-top:50px;
	background-repeat:no-repeat;
}


.s_area2{
	width:475px;
	padding-top:50px;
	background-repeat:no-repeat;
}


.s_diagramtitle1{
	width:467px;
	height:81px;
	background-image:url(../images/schedulediagram1_1.png);
	background-repeat:no-repeat;
}


.s_diagram1{
	width:467px;
	height:48px;
	background-image:url(../images/schedulediagram1_2.png);
	background-repeat:no-repeat;
}

.s_name{
	width:118px;
	height:35px;
	margin-top:0px;
	margin-left:10px;
	color:#FFF;
	font-size:28px;
	line-height:47px;
	text-align:center;
	float:left;
}


.s_mark1{
	width:32px;
	height:32px;
	margin-top:8px;
	margin-left:15px;
	float:left;
}

.s_mark2{
	width:32px;
	height:32px;
	margin-top:8px;
	margin-left:15px;
	float:left;
}

.s_mark3{
	width:32px;
	height:32px;
	margin-top:8px;
	margin-left:15px;
	float:left;
}

.s_mark4{
	width:32px;
	height:32px;
	margin-top:8px;
	margin-left:15px;
	float:left;
}

.s_mark5{
	width:32px;
	height:32px;
	margin-top:8px;
	margin-left:15px;
	float:left;
}

.s_mark6{
	width:32px;
	height:32px;
	margin-top:8px;
	margin-left:15px;
	float:left;
}


.s_mark7{
	width:32px;
	height:32px;
	margin-top:8px;
	margin-left:15px;
	float:left;
}





.s_diagramtitle2{
	width:467px;
	height:81px;
	background-image:url(../images/schedulediagram2_1.png);
	background-repeat:no-repeat;
}

.s_diagram2{
	width:467px;
	height:47px;
	background-image:url(../images/schedulediagram2_2.png);
	background-repeat:no-repeat;
}


.s_area3{
	width:475px;
	height:178px;
	background-image:url(../images/schedulediagram3.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-top:50px;
}







/*newsエリア*/

#newsarea{
	 width:520px;
	 margin-top:0px;
	 margin-bottom:50px;
	 padding-bottom: 50px;
	 margin-left:80px;
	 float:left;

}

.newsi{
	width:475px;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	padding: 15px 0px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	margin:0 auto;
	}

.newsb{
	width:475px;
	border-top: 1px solid #2C92B7;
	margin-top:30px;
	margin:0 auto;
	}



.newscon{
	width:450px;
	margin: 0 auto;
	padding-top: 20px;
}



.newstitle{
	width:450px;
	margin:0 auto;
	padding-top: 100px;
	padding-bottom: 20px;
	text-align: center;
}


.n_area1{
	width:20px;
	margin-top:36px;
	margin-left:40px;
	float:left;

}


.n_area2{
	width:320px;
	margin-top:30px;
	margin-left:10px;
	float:left;
}

.n_title{
	width:320px;
	font-size:18px;
	line-height:27px;
}

.n_title2{
	width:320px;
	font-size:16px;
	line-height:27px;
	margin-top: 5px;
}

.newsphoto{
	width:320px;
	font-size:16px;
	line-height:27px;
	margin-top: 5px;
}
.n_date{
	width:320px;
	margin-top:0px;
	margin-left:0px;
	font-size:11px;
	line-height:27px;
	color:#4D4D4D;
}

.n_url{
	width:475px;
	margin-top:2px;
	font-size:14px;
	line-height:27px;
	color:#709BB0;
}

.n_pdf{
	width:320px;
	margin-top:2px;
	font-size:14px;
	line-height:27px;
}


a.morebt{
	display:block;
	width:420px;
	height: 65px;
	margin: 0 auto;
    padding: 25px 0 0;
}

a.webreserve{
    display:block;
    width:350px;
	height: 152px;
	margin: 0 auto;
    background-image: url("../images/webreserve.png");
	background-position: bottom;
	background-repeat:no-repeat;
	background-size: contain;
  }

a.facebookbt{
    display:block;
    width:420px;
	height: 110px;
	margin: 0 auto;
    background-image: url("../images/facebookbt.png");
	background-position: bottom;
	background-repeat:no-repeat;
  }

a.donatebloodbt{
	display:block;
	width:420px;
	height: 152px;
	margin: 0 auto;
	background-image: url("../images/donatebloodbt.png");
	background-position: bottom;
	background-repeat:no-repeat;
}

a.recruitbt{
	 display: block;
	 width:358px;
	 height:117px;
	 margin-top: 50px;
	 background-image: url("../images/recruit_bt.png");
	 background-repeat: no-repeat;
  }

    a.caloobt{
	 display: block;
	 width:358px;
	 height:130px;
	 margin-top: 50px;
	 background-image: url("../images/bn_caloopet_130099.png");
	 background-repeat: no-repeat;
     background-size: contain;
  }

	.tv_bnr{
 display: block;
 width:358px;
 height:251px;
 margin-top: 50px;
}
.tv_bnr p{
 display: block;
 width:358px;
 margin: 0 auto;
 font-size: 140%;
 line-height:120%;
 text-align: center;
 }

/*プロフィールエリア*/


#profilearea{
	 width:1200px;
	 margin-top:0px;
	 padding-bottom:50px;

}


.profiletitle{
	width:1090px;
	margin:0 auto;
	padding-top: 100px;
	text-align: center;
}

.profilecon{
	 width:1090px;
	 margin:0 auto;
}


.p_area1{
	width:540px;
	margin-top:50px;
	float:left;
}


.p_area2{
	width:400px;
	margin-left:130px;
	margin-top:50px;
	float:left;
}




.p_sub1{
	width:300px;
	height:28px;
	margin-top:10px;
	padding-bottom:3px;
	background-image: url(../images/profiletitle1.png);
	background-repeat: no-repeat;
}

.p_sub2{
	width:300px;
	height:28px;
	margin-top:10px;
	padding-bottom:3px;
	background-image: url(../images/profiletitle2.png);
	background-repeat: no-repeat;
}

.p1_con1{
	width:80px;
	margin-top:8px;
	font-size:16px;
	line-height:34px;
	float:left;
}

.p1_con2{
	width:430px;
	margin-left:20px;
	margin-top:8px;
	font-size:16px;
	line-height:34px;
	float:left;
}

.profilemark{
	width:10px;
	padding-top:0px;
}

.profiletextarea{
	width:430px;
	margin-left:0px;
	font-size:16px;
	line-height:34px;
}



.p2_con1{
	width:80px;
	margin-top:8px;
	font-size:16px;
	line-height:34px;
	float:left;
}

.p2_con2{
	width:270px;
	margin-left:20px;
	font-size:17px;
	line-height:34px;
	margin-top:8px;
	float:left;
}



.p_map1{
	width:497px;
	height:350px;
	padding-top:50px;
	background-image:url(../images/map.png);
	background-repeat:no-repeat;
	background-position: bottom;
	margin: 0 auto;

}

.p_map2{
	width:400px;
	height:250px;
	margin-top:30px;
	background-image:url(../images/profilephoto.png);
	background-repeat:no-repeat;

}

.p_map3{
	display:none;
}


.p_map4{
	display:none;
}


.p_map5{
	width:400px;
	height:200px;
	margin-top:30px;
	background-image:url(../images/carmap2.png);
	background-repeat:no-repeat;

}

.maplinltxt{
	width:520px;
	font-size: 14px;
	text-align:right;
}






/*グループ紹介*/

#groupbg{
	width: 100%;
	min-width: 1200px;
	margin:0 auto;
	text-align: center;
	background-image: url(../images/g_bg.jpg);
	background-size: cover;
}


#grouparea{
	 width: 1000px;
	 margin:0 auto;
	 text-align: center;
	 padding-top:80px;
	 padding-bottom:80px;
}



.grouptitle{
	width:172px;
	height: 90px;
	text-align: center;
	margin: 0 auto;

}


}


@media(max-width:480px){

#contents{
    width:100%;
	margin:0 auto;
	padding-top: 30px;
	padding-bottom:40px;

}

#contents2{
    width:100%;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:40px;
}



#mainvisualarea{
    width:100%;
	margin:0 auto;
	padding-top: 0px;

}


#mainvisual{
    width:100%;
	padding-top: 50.6%;
	margin:0 auto;
	background-image: url(../images/mainvisual1s.png);
	background-size: 100%;
	background-repeat: no-repeat;

}

#mainvisual2{
    width:100%;
	padding-top: 50.6%;
	margin:0 auto;
	background-image: url(../images/mainvisual2s.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

#mainvisual3{
    width:100%;
	padding-top: 50.6%;
	margin:0 auto;
	background-image: url(../images/mainvisual3s.png);
	background-size: 100%;
	background-repeat: no-repeat;

}



/*20210215削除済み #mainvisual4*/


#mainvisual5{
    width:100%;
	padding-top: 50.6%;
	margin:0 auto;
	background-image: url(../images/mainvisual5s.png);
	background-size: 100%;
	background-repeat: no-repeat;

}

#mainvisual6{
    width:100%;
	padding-top: 50.6%;
	margin:0 auto;
	background-image: url(../images/mainvisual6s.png);
	background-size: 100%;
	background-repeat: no-repeat;

}


#mainvisual7{
    width:100%;
	padding-top: 50.6%;
	margin:0 auto;
	background-image: url(../images/mainvisual7s.png);
	background-size: 100%;
	background-repeat: no-repeat;

}

#mainvisual_s{
	display:none;
}


.maintext{
    width:90%;
	margin:0 auto;
	padding-top:70px;
	font-size:16px;
	line-height:44px;
	text-align:center;

}

.maintext2{
    width:90%;
	margin:0 auto;
	padding-top:20px;
	font-size:16px;
	line-height:44px;
	text-align:center;

}

.maintext3{
  width:90%;
	margin:0 auto;
	padding-top:0px;
	font-size:22px;
	line-height:32px;
	text-align:center;

}

.maintext4{
  width:100%;
  margin:0 auto;
	padding-top:20px;
	font-size:16px;
	line-height:32px;
	text-align:center;
}

.fl-300,
.fl-450,
.fl-600
{
  display: block;
	width:95%;
	margin:0 auto;
	padding:0;
	text-align:center;
  float:unset;
}


/*プロフィールエリア*/

#profilearea{
     width:100%;
	 margin-top:0px;
	 padding-bottom:50px;
	 margin:0 auto;
}


.profiletitle{
    width:90%;
	margin:0 auto;
	padding-top: 100px;
	text-align: center;
}

.profilecon{
     width:100%;
	 margin:0 auto;
}


.p_area1{
    width:90%;
	padding-top:50px;
	margin:0 auto;
}


.p_area2{
    width:90%;
	padding-top:50px;
	margin:0 auto;
}




.p_sub1{
    width:100%;
	height:28px;
	padding-top:10px;
	margin:0 auto;
	padding-bottom:3px;
	background-image: url(../images/profiletitle1.png);
	background-repeat: no-repeat;
	background-size: 100%;
	object-fit:cover;
}

.p_sub2{
    width:100%;
	height:28px;
	padding-top:10px;
	margin:0 auto;
	padding-bottom:3px;
	background-image: url(../images/profiletitle2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	object-fit:cover;
}

.p1_con1{
	width:80px;
	margin-top:8px;
	font-size:16px;
	line-height:34px;
	font-weight: bold;
}

.p1_con2{
	width:auto;
	margin-top:8px;
	font-size:16px;
	line-height:34px;
}

.profilemark{
	width:10px;
	padding-top:0px;
}

.profiletextarea{
    width:90%;
	margin-left:0px;
	font-size:16px;
	line-height:34px;
	margin:0 auto;
}



.p2_con1{
	width:80px;
	margin-top:8px;
	font-size:16px;
	line-height:34px;
	float:left;
}

.p2_con2{
	width:auto;
	margin-left:20px;
	font-size:17px;
	line-height:34px;
	margin-top:8px;
	float:left;
}



.p_map1{
    width:98%;
	padding-top: 77.63%;
	background-image:url(../images/maps.png);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center center;
	margin:20px auto;
	object-fit:cover;

}

.p_map2{
    width:94%;
	height:250px;
	margin-top:30px;
	background-image:url(../images/profilephoto.png);
	background-size: 100%;
	background-repeat:no-repeat;
	margin: 0 auto;;
	object-fit:cover;

}

.p_map3{
	display:none;
}


.p_map4{
	display:none;
}


.p_map5{
    width:100%;
	height:200px;
	margin-top:30px;
	background-repeat:no-repeat;

}

.maplinltxt{
    width:100%;
	font-size: 14px;
	text-align:right;
	margin: 0 auto;
	padding-top: 10px;
}


/*スケジュールエリア*/

#scheduleandnewsbg{
    width:100%;
	padding-top:50px;
	padding-bottom:50px;
	background-color:rgba(118,171,147,0.2);
}

#schedulearea{
     width:100%;
	 padding-bottom:50px;
	 margin:0 auto;

}


.scheduletitle{
    width:345px;
	margin:0 auto;
	padding-top: 100px;
	text-align: center;
}

.schedulecon{
    width:345px;
	margin:0 auto;
}


.s_area1{
    width:345px;
	padding-top:50px;
	background-repeat:no-repeat;
}


.s_area2{
    width:345px;
	padding-top:50px;
	background-repeat:no-repeat;
}


.s_diagramtitle1{
    width:345px;
	height:60px;
	background-image:url(../images/schedulediagram1_1.png);
	background-size: 100%;
	background-repeat:no-repeat;
}


.s_diagram1{
    width:345px;
	height:36px;
	background-image:url(../images/schedulediagram1_2.png);
	background-size: 100%;
	background-repeat:no-repeat;
}

.s_name{
	width:99px;
	height:35px;
	color:#FFF;
	font-size:2.3em;
	line-height: 32px;
	text-align:center;
	float:left;
	white-space:nowrap;
	padding: 1px 0 0;
	box-sizing: border-box;
}


.s_mark1{
	width:28px;
	height: 28px;
	padding:3px 3.5px 0;
	float:left;
}

.s_mark1 img{
	display: block;
	width:28px;
	height: 28px;
}

.s_mark2{
	width:28px;
	height: 28px;
	padding:3px 3.5px 0;
	float:left;
}

.s_mark2 img{
	display: block;
	width:28px;
	height: 28px;
}

.s_mark3{
	width:28px;
	height: 28px;
	padding:3px 3.5px 0;
	float:left;
}

.s_mark3 img{
	display: block;
	width:28px;
	height: 28px;
}

.s_mark4{
	width:28px;
	height: 28px;
	padding:3px 3.5px 0;
	float:left;
}

.s_mark4 img{
	display: block;
	width:28px;
	height: 28px;
}

.s_mark5{
	width:28px;
	height: 28px;
	padding:3px 3.5px 0;
	float:left;
}

.s_mark5 img{
	display: block;
	width:28px;
	height: 28px;
}

.s_mark6{
	width:28px;
	height: 28px;
	padding:3px 3.5px 0;
	float:left;
}

.s_mark6 img{
	display: block;
	width:100%;
	width:28px;
	height: 28px;
}

.s_mark7{
	width:28px;
	height: 28px;
	padding:3px 3.5px 0;
	float:left;
}

.s_mark7 img{
	display: block;
	width:28px;
	height: 28px;
}

.s_diagramtitle2{
    width:345px;
	height:60px;
	background-image:url(../images/schedulediagram2_1.png);
	background-size: 100%;
	background-repeat:no-repeat;
}


.s_diagram2{
    width:345px;
	height:36px;
	background-image:url(../images/schedulediagram2_2.png);
	background-size: 100%;
	background-repeat:no-repeat;
}


.s_area3{
    width:345px;
	height: 150px;
	background-image:url(../images/schedulediagram3.png);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position:bottom;
}


/*newsエリア*/

#newsarea{
     width:100%;
	 margin:0 auto;
	 padding-top: 50px;
	 padding-bottom: 50px;

}

.newsi{
    width:92%;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	padding: 15px 0px;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	margin:0 auto;
	}

.newsb{
    width:96%;
	border-top: 1px solid #2C92B7;
	margin-top:30px;
	margin:0 auto;
	}

.newscon{
    width:92%;
	margin: 0 auto;
	padding: 30px 0 50px;
}



.newstitle{
    width:98%;
	margin:0 auto;
	padding-top: 100px;
	text-align: center;
}


.n_area1{
	width:5%;
	margin-top:36px;
	margin-left:0px;
	float:left;

}


.n_area2{
	width:92%;
	margin-top:30px;
	margin-left:1%;
	float:left;
}

.n_title{
	width:auto;
	font-size:16px;
	line-height:27px;
}

.n_title2{
	width:100%;
	font-size:16px;
	line-height:27px;
	margin-top: 5px;
}

.newsphoto{
	width:100%;
	font-size:16px;
	line-height:27px;
	margin-top: 5px;
}
.n_date{
	width:100%;
	margin-top:0px;
	margin-left:0px;
	font-size:12px;
	line-height:27px;
	color:#4D4D4D;
}

.n_url{
	width:100%;
	margin-top:2px;
	font-size:14px;
	line-height:27px;
	color:#709BB0;
}

.n_pdf{
	width:100%;
	margin-top:2px;
	font-size:14px;
	line-height:27px;
}


a.morebt{
	display:block;
	width:100%;
	height: 65px;
	margin: 0 auto;
    padding: 25px 0 0;
}

a.morebt img{
	width:100%;
}


a.webreserve{
	display:block;
	width:90%;
	height: 172px;
	margin: 0 auto;
	background-image: url("../images/webreserve.png");
	background-size: 100%;
	object-fit: cover;
	background-position: bottom;
	background-repeat:no-repeat;
}

a.facebookbt{
    display:block;
	width:90%;
	height: 110px;
	margin: 0 auto;
    background-image: url("../images/facebookbt.png");
	background-size: 100%;
	background-position: bottom;
	background-repeat:no-repeat;
	object-fit:cover;
  }

a.donatebloodbt{
	display:block;
	width:90%;
	height: 172px;
	margin: 0 auto;
	background-image: url("../images/donatebloodbt.png");
	background-size: 100%;
	object-fit: cover;
	background-position: bottom;
	background-repeat:no-repeat;
}


  a.recruitbt{
	 display: block;
	 width:90%;
	 height:117px;
	 padding: 50px 0 0;
	 margin: 0 auto;
	 background-image: url("../images/recruit_bt.png");
	 background-repeat: no-repeat;
     background-position: bottom;
	 background-size: 100%;
	 object-fit:cover;
  }

 a.caloobt{
	 display: block;
	 width:90%;
	 height:130px;
	 margin-top: 50px;
	 background-image: url("../images/bn_caloopet_130099.png");
	 background-size: 100%;
	 object-fit:cover;
	 background-repeat: no-repeat;
  }
	.tv_bnr{
 	 display: block;
 	 width:100%;
 	 height:323px;
 	 margin-top: 50px;
 	 object-fit:cover;
   }

	.tv_bnr p{
 	 display: block;
 	 width:90%;
 	 margin: 0 auto;
 	 font-size: 130%;
	 line-height:120%;
	 text-align: center;
   }


/*グループ紹介*/

#groupbg{
	display: block;
	width:100%;
	margin:0 auto;
	text-align: center;
	background-image: url(../images/g_bg.jpg);
	background-size: 100%;
	background-size: cover;
}

#grouparea{
	 min-width:360px;
	 margin:0 auto;
	 text-align: center;
	 padding-top:80px;
	 padding-bottom:80px;
}

.groupcon{
	width:345px;
	height: 429px;
	background-image: url(../images/mapbase_s2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	margin:0 auto;
	position: relative;
}




.grouptitle{
	width:172px;
	height: 90px;
	text-align: center;
	margin: 0 auto;

}


}