@charset "utf-8";

/* ========================================================
font-size for PC
-----------------------------------------------------------
	10px -> 62.5%
	11px -> 68.8%
	12px -> 75%
	13px -> 81.3%
	14px -> 87.5%
	15px -> 93.8%
	16px -> 100%
	17px -> 106.3%
	18px -> 112.5%
	19px -> 118.8%
	20px -> 125%
	21px -> 131.3%
	22px -> 137.5%
	23px -> 143.8%
	24px -> 150%
	25px -> 156.3%
	26px -> 162.5%
	27px -> 168.8%
	28px -> 175%
	29px -> 181.3%
	30px -> 187.5%
======================================================== */

/*---------------------------------------------------------
container
---------------------------------------------------------*/
#container {
	background-color: #FFFFFF;
}


/*---------------------------------------------------------
contents
---------------------------------------------------------*/
#contents {
	width: 100%;
	padding: 114px 0px 150px;
}
	@media screen and (max-width: 959px) {
		#contents {
			padding: 75px 0px 80px;
		}
	}


/*---------------------------------------------------------
.inner
---------------------------------------------------------*/
.inner {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto 0px;
}
	@media screen and (max-width: 959px) {
		.inner {
			padding: 0px 15px;
			box-sizing: border-box;
		}
	}


/*---------------------------------------------------------
header
---------------------------------------------------------*/
#head {
	position: fixed;
	top: 0;
	left:0;
	z-index:1000;
	width: 100%;
	height: 110px;
	background-color: #FFFFFF;
	border-top: #45ABA6 solid 4px;
	/*box-shadow: 0px 0px 10px #444444;*/
}
	@media screen and (max-width: 959px) {
		#head {
			min-height: 70px;
			height: auto !important;
			height: 70px;
			border-bottom: #CCCCCC solid 1px;
			/*box-shadow: 0px 0px 10px #444444;*/
		}
	}

#head .inner {
	position: relative;
}
	@media screen and (max-width: 959px) {
		#head .inner {
			padding: 0px 0px;
		}
	}

/*タグライン*/
/*#head .inner #tagline{
	position: absolute;
	top: 7px;
	left: 15px;
	color: #666666;
	font-size: 0.8rem;
}*/

/*ロゴ*/
#head .inner h1#logo {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 307px;
	z-index: 1;
}
	@media screen and (max-width: 959px) {
		#head .inner h1#logo {
			top: 16px;
			left: 7px;
			width: 150px;
		}
	}
		/*@media screen and (max-width: 959px) and (orientation:landscape) {*/
		@media screen and (max-width: 350px) {
			/*#head .inner h1#logo {
				width: 41.375%;
			}*/
		}

/*メニュー*/
/*#hNavi*/
#head .inner #hNavi{
	float: right;
}

#head .inner #hNavi ul li{
	float: left;
	width: 120px;
	height: 110px;
	text-align: center;
	background-position: center 29px;
	background-repeat: no-repeat;
	border-left: #CCCCCC solid 1px;
}
	#head .inner #hNavi ul li#navi01{/*HOME*/
		background-image: url( ../common/icon_home.png);
	}
	#head .inner #hNavi ul li#navi02{/*FSAの歴史*/
		background-image: url( ../common/icon_history.png);
	}
	#head .inner #hNavi ul li#navi03{/*当会概要*/
		background-image: url( ../common/icon_company.png);
	}
	#head .inner #hNavi ul li#navi04{/*FSAの活動*/
		background-image: url( ../common/icon_activity.png);
	}
	#head .inner #hNavi ul li#navi05{/*お問い合わせ*/
		background-image: url( ../common/icon_contact.png);
		background-size: 20px auto;
		background-color: #D63D3D;
		border-left: none;
	}

#head .inner #hNavi ul li a{
	display: block;
	position: relative;
	font-size: 93.8%;
	font-weight: bold;
    text-decoration: none;
	padding: 65px 0px 19px;
}
	#head .inner #hNavi ul li a::before,
	#head .inner #hNavi ul li a::after{
		content: "";
		position: absolute;
		bottom: -2px;
		display: inline-block;
		width: 0;
		height: 2px;
		background-color: #459A9A;
		transition: 0.2s;
	}
	
	#head .inner #hNavi ul li a::before{
		left: 50%;
	}
	
	#head .inner #hNavi ul li a::after{
		right: 50%;
	}
	
	#head .inner #hNavi ul li a:hover::before,
	#head .inner #hNavi ul li a:hover::after{
		width: 40px;
	}
	
	#head .inner #hNavi ul li a.now::after {
		content: "";
		position: absolute;
		bottom: -2px;
		left: 20px;
		display: inline-block;
		width: 80px;
		height: 2px;
		background-color: #459A9A;
	}
	
	/*お問い合わせ*/
	#head .inner #hNavi ul li#navi05 a{
		color: #FFFFFF;
	}
		#head .inner #hNavi ul li#navi05 a::before,
		#head .inner #hNavi ul li#navi05 a::after{
			background-color: #FFFFFF;
		}

/*メニューボタン*/
#head .inner #menuBtn{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 70px;
}

#head .inner #menuBtn #menuTorigger{
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:70px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	z-index:51;
	cursor:pointer;
}

#head .inner #menuBtn #menuTorigger .menuLines{
	display:block;
	height:3px;
	width:28px;
	transition:0.3s;
	background:#459A9A;
	position:relative;
	margin:28px auto 7px;
}
	#head .inner #menuBtn #menuTorigger .menuLines::before,
	#head .inner #menuBtn #menuTorigger .menuLines::after{
		transition-delay:0.3s;
		-moz-transition-delay:0.3s;
		-webkit-transition-delay:0.3s;
		-o-transition-delay:0.3s;
		-ms-transition-delay:0.3s;
		transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		-moz-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		-ms-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		height:3px;
		width:28px;
		transition:0.3s;
		background:#459A9A;
		content:'';
		position:absolute;
		left:0;
		/*-webkit-transform-origin:2.85714px center;
		transform-origin:2.85714px center;*/
		-webkit-transform-origin:5.71428px center;
		transform-origin:5.71428px center;
		width:100%;
		box-sizing:border-box;
	}
	
	#head .inner #menuBtn #menuTorigger .menuLines::before{
		top:7px;
	}
	
	#head .inner #menuBtn #menuTorigger .menuLines::after{
		top:-7px;
	}

#head .inner #menuBtn #menuTorigger.active{
	color:#000000;
	border:none;
}

#head .inner #menuBtn #menuTorigger.active .menuLines{
	transform:scale3d(0.8, 0.8, 0.8);
	background:transparent;
}
	#head .inner #menuBtn #menuTorigger.active .menuLines::before,
	#head .inner #menuBtn #menuTorigger.active .menuLines::after{
		left:3px;
		background-color:#459A9A;
	}
	
	#head .inner #menuBtn #menuTorigger.active .menuLines::before{
		-webkit-transform:rotate3d(0, 0, 1, -45deg);
		-moz-transform:rotate3d(0, 0, 1, -45deg);
		-o-transform:rotate3d(0, 0, 1, -45deg);
		-ms-transform:rotate3d(0, 0, 1, -45deg);
	}
	
	#head .inner #menuBtn #menuTorigger.active .menuLines::after{
		top:-5px;
		-webkit-transform:rotate3d(0, 0, 1, 45deg);
		-moz-transform:rotate3d(0, 0, 1, 45deg);
		-o-transform:rotate3d(0, 0, 1, 45deg);
		-ms-transform:rotate3d(0, 0, 1, 45deg);
	}

#head .inner #menuBtn #menuTorigger .menuText{
	color: #000000;
	font-size: 0.9rem;
	font-weight: bold;
}

/*お問い合わせボタン*/
#head .inner #contactBtn{
	position: absolute;
	top: 0px;
	right: 70px;
	width: 70px;
	background-image: url( ../common/icon_contact.png);
	background-position: center 16px;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-color: #D63D3D;
}

#head .inner #contactBtn span{
	display: block;
	font-size: 0.9rem;
	font-weight: bold;
	text-align: center;
}

#head .inner #contactBtn a{
	display: block;
	height: 70px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 40px 0px 0px;
	box-sizing: border-box;
	overflow: hidden;
}


/*---------------------------------------------------------
カテゴリタイトル
---------------------------------------------------------*/
#categoryTtl{
	width: 100%;
	background-color: #45ABA6;
}

#categoryTtl #cateTtl{
	float: left;
	width: calc((100% - 1200px) / 2 + 400px);
	height: 200px;
	overflow: hidden;
}
	#categoryTtl #cateTtl span{
		display: block;
		float: right;
		width: 400px;
		height: 200px;
		color: #FFFFFF;
		font-size: 250%;
		font-weight: bold;
		line-height: 1.2em;
		text-align: center;
		padding-top: 65px;
		box-sizing: border-box;
	}

#categoryTtl #cateBg{
	float: right;
	width: calc((100% - 1200px) / 2 + 800px);
	height: 200px;
	/*background-image: url( ../report/img/bg_category_ttl.jpg);*/
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
}

	@media screen and (max-width: 959px) {
		#categoryTtl{
		}
		
		#categoryTtl #cateTtl{
			display: block;
			float: none;
			width: 100%;
			height: auto;
		}
			#categoryTtl #cateTtl span{
				display: block;
				float: none;
				width: 100%;
				height: auto;
				font-size: 2.2rem;
				padding: 5px 15px 3px;
			}

		#categoryTtl #cateBg{
			float: none;
			width: 100%;
			height: 120px;
			background-position: center top;
		}
	}


/*---------------------------------------------------------
パンくず
---------------------------------------------------------*/
#topicPass{
	width: 100%;
	border-bottom: #DDDDDD solid 1px;
	padding: 13px 0px 8px;
	box-sizing: border-box;
}

	#topicPass ul{
		width: 100%;
		max-width: 1200px;
		margin: 0px auto 0px;
	}
		
		#topicPass ul li{
			float: left;
			color:#555555;
			font-size: 68.8%;
			padding:0px 0px 0px 6px;
			margin-bottom: 5px;
		}
		
		#topicPass ul li:first-child{
			background-image: url(../common/icon_home02.png);
			background-position: left 4px;
			background-repeat: no-repeat;
			background-size: 8px auto;
			padding:0px 0px 0px 14px;
		}
		
			#topicPass ul li a,
			#topicPass ul li.arw{
				background:url(../common/arw02.png) no-repeat right 50%;
				background-size: 4px auto;
				padding:0px 10px 0px 0px;
			}
			
			#topicPass ul li a{
				color: #555555;
			}
			
			#topicPass ul li.arw{/*.arwリンクなし時*/
				padding-left: 10px;
			}
	
	@media screen and (max-width: 959px) {
		#topicPass{
			padding: 18px 15px 13px;
		}
		
			#topicPass ul li{
				font-size: 0.9rem;
			}
			
			#topicPass ul li:first-child{
			background-position: left 1px;
				background-size: 8px auto;
				padding:0px 0px 0px 14px;
			}

	}


/*---------------------------------------------------------
headlines
---------------------------------------------------------*/
.hl01{
	color: #FFFFFF;
	font-size: 300%;
	font-weight: normal;
	line-height: 1.1em;
	border-left: #FFFFFF solid 8px;
	padding-left: 22px;
	margin-bottom: 55px;
}
	.hl01 span{
		display: block;
		font-size: 28px;
		font-weight: bold;
		line-height: 1.5em;
		margin-top: 20px;
	}
	
	@media screen and (max-width: 959px) {
		.hl01{
			font-size: 2.6rem;
			line-height: 1.2em;
			border-left: #FFFFFF solid 5px;
			padding-left: 15px;
			padding-right: 15px;
			margin-bottom: 40px;
		}
			.hl01 span{
				font-size: 1.7rem;
				margin-top: 15px;
			}
	}

.hl02{
	color: #111111;
	font-size: 175%;
	font-weight: bold;
	line-height: 1.35em;
	border-left: #45ABA6 solid 5px;
	margin: 60px 0px 60px;
}
	.hl02 p{
		border-left: #13736C solid 5px;
		padding: 3px 0px 1px 45px;
	}
	
	@media screen and (max-width: 959px) {
		.hl02{
			font-size: 1.8rem;
			border-left: #45ABA6 solid 3px;
			margin: 30px 0px 30px;
		}
			.hl02 p{
				border-left: #13736C solid 3px;
				padding: 3px 0px 1px 16px;
			}
	}

.hl03{
	color: #1F4545;
	font-size: 212.5%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
	@media screen and (max-width: 959px) {
		.hl03{
			font-size: 2.0rem;
			margin-bottom: 15px;
		}
	}

.hl04{
	position: relative;
	font-size: 162.5%;
	font-weight: bold;
	padding-bottom: 40px;
}
	.hl04::after{
		position: absolute;
		bottom: 22px;
		left: 0;
		z-index: 2;
		content: '';
		width: 40px;
		height: 2px;
		background-color: #23A5A2;
	}
	
	@media screen and (max-width: 959px) {
		.hl04{
			font-size: 1.8rem;
			padding-bottom: 30px;
		}
			.hl04::after{
				bottom: 16px;
				width: 30px;
				height: 2px;
			}
	}

.hl05{
	position: relative;
	font-size: 212.5%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 70px;
}
	.hl05::after{
		position: absolute;
		bottom: 60px;
		left: calc(50% - 40px);
		z-index: 2;
		content: '';
		width: 80px;
		height: 2px;
		background-color: #23A5A2;
	}
	
	@media screen and (max-width: 959px) {
		.hl05{
			font-size: 2.2rem;
			padding-bottom: 45px;
		}
			.hl05::after{
				bottom: 35px;
				left: calc(50% - 25px);
				width: 50px;
			}
	}


/*---------------------------------------------------------
readBox
---------------------------------------------------------*/
#readBox{
	border-bottom: #DDDDDD solid 1px;
	padding: 60px 0px 60px;
}
	#readBox p{
		line-height: 1.75em;
	}
	
	@media screen and (max-width: 959px) {
		#readBox{
			padding: 30px 0px 30px;
		}
			#readBox p{
				line-height: 2.0em;
			}
	}

/*---------------------------------------------------------
main
---------------------------------------------------------*/
/*#sideあり*/
#main{
	float: left;
	width: 75.8%;
}

/*#sideなし*/
#main02{
	width: 100%;
}

	@media screen and (max-width: 959px) {
	/*@media screen and (max-width: 1161px) {*/
		/*#sideあり*/
		#main{
			float: none;
			width: 100%;
		}
	}



/*--------------------------------------------------------
side
----------------------------------------------------------*/
#side{
	float: right;
	width: 20.8%;
}

/*サイドナビ*/
#side .sideNav{
}

#side .sideNav dt{
	color: #FFFFFF;
	font-size: 112.5%;
	font-weight: bold;
	text-align: center;
	background-image: url(../common/texture01.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 2px auto;
	background-color: #398E8A;
}

#side .sideNav dt a,
#side .sideNav dt span{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 25px 15px 25px 15px;
}

	#side .sideNav dt a:hover{
		text-decoration: underline;
	}

#side .sideNav dd{
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}

#side .sideNav dd a{
	display: block;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background-image: url(../common/arw03.png);
	background-position: 92% center;
	background-repeat: no-repeat;
	background-size: 21px auto;
	padding: 25px 45px 25px 15px;
}

	#side .sideNav dd a:hover,
	#side .sideNav dd.crrt a{
		background-color: #DDF2F1;
	}
	
	@media screen and (max-width: 959px) {
	/*@media screen and (max-width: 1161px) {*/
		#side{
			float: none;
			width: 100%;
			margin-top: 50px;
		}

		/*サイドナビ*/
		#side .sideNav{
		}

		#side .sideNav dt{
			font-size: 1.8rem;
		}

		#side .sideNav dt a,
		#side .sideNav dt span{
			padding: 12px 10px 12px 10px;
		}

		#side .sideNav dd a{
			text-align: left;
			background-position: 94% center;
			background-size: 14px auto;
			padding: 12px 12% 12px 20px;
		}
	}


/*---------------------------------------------------------
footer
---------------------------------------------------------*/
#foot{
	position: relative;
	width: 100%;
}

#foot .footBox{
	background-color: #45ABA6;
}
	#foot .footBox .inner{
		padding-top: 30px;
		padding-bottom: 55px;
	}

/*ロゴ*/
#foot .footBox .inner #logo02{
	float: left;
	width: 173px;
}

/*メニュー*/
#foot .footBox .inner #fNavi{
	float: left;
	padding-left: 50px;
}

#foot .footBox .inner #fNavi ul{
	float: left;
	width: 115px;
}

#foot .footBox .inner #fNavi ul:nth-child(2){
	width: 165px;
}

#foot .footBox .inner #fNavi li{
	position: relative;
	font-size: 84.4%;
	font-weight: bold;
	padding: 0px 5px 0px 17px;
	margin-bottom: 6px;
}
	#foot .footBox .inner #fNavi li::before {
		position: absolute;
		top: 8px;
		left: 0;
		z-index: 2;
		content: '';
		width: 8px;
		height: 1px;
		background-color: #AEDBD9;
	}
	
	#foot .footBox .inner #fNavi li:last-child{
		margin-bottom: 0px;
	}

#foot .footBox .inner #fNavi li a{
	color: #AEDBD9;
	text-decoration: none;
}
	#foot .footBox .inner #fNavi li a:hover{
		text-decoration: underline;
	}

/*FB*/
#foot #fbBox{
	position: absolute;
	top: 15px;
	right: 0;
	/*right: calc((100% - 1200px) / 2);*/
	width: 400px;
	height: 200px;
	z-index: 1;
}

/*#foot #fbBox #u_0_4 ._2ph-{
	padding: 0px !important;
}*/

/*FBボタン*/
#foot .fbBtn{
	width: 100%;
	background-color: #FFFFFF;
}

#foot .fbBtn a {
	display: block;
	color: #4267B2;
	font-size: 1.8rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 15px 10px 13px 10px;
}
	/*#foot .fbBtn a span{
		display: inline-block;
		background-image: url(../common/arw01.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 7px auto;
			-webkit-background-size: 7px auto;
			-moz-background-size: 7px auto;
			-ms-background-size: 7px auto;
		padding-left: 20px;
	}*/

/*コピーライト*/
#foot #cp{
	color: #FFFFFF;
	font-size: 75%;
	background-color: #13736C;
	padding: 27px 0px 25px;
}
	
	@media screen and (max-width: 959px) {
		#foot .footBox .inner{
			padding-bottom: 25px;
		}
		
		/*ロゴ*/
		#foot .footBox .inner #logo02{
			float: none;
			width: 120px;
			margin-bottom: 20px;
		}
		
		/*メニュー*/
		#foot .footBox .inner #fNavi{
			float: none;
			padding-left: 0px;
			margin-bottom: 20px;
		}

		#foot .footBox .inner #fNavi ul{
			width: 100%;
		}

		#foot .footBox .inner #fNavi ul:nth-child(2){
			clear: both;
			width: 100%;
		}

		#foot .footBox .inner #fNavi li{
			display: inline-block;
			font-size: 1.3rem;
			padding: 0px 11px 0px 15px;
			margin-bottom: 10px;
		}
			#foot .footBox .inner #fNavi li::before/*,
			#foot .footBox .inner #fNavi li:last-child::after*/{
				position: absolute;
				top: 3px;
				left: 0;
				z-index: 2;
				content: '';
				width: 1px;
				height: 12px;
				background-color: #AEDBD9;
			}
				/*#foot .footBox .inner #fNavi li:last-child::after{
					left: auto;
					right: 0;
				}*/
		
		#foot .footBox .inner #fNavi li:last-child{
			margin-bottom: 10px;
		}
		
		/*コピーライト*/
		#foot #cp{
			font-size: 1.0rem;
			text-align: center;
			padding: 17px 0px 15px;
		}
	}


/*--------------------------------------------------------
	ページトップへボタン
----------------------------------------------------------*/
.pagetop{
	position:fixed;
	bottom: 36px;
	right: 30px;
	width: 80px;
}
	@media screen and (max-width: 959px) {
		.pagetop{
			bottom: 23px;
			right: 15px;
			width: 50px;
		}
	}


/*--------------------------------------------------------
	ベース：NEWマーク・アイコン色
----------------------------------------------------------*/
/*NEWマーク*/
.new{
	display: inline-block;
	color: #FF0000;
	font-size: 13px;
	margin-left: 10px;
}

/*アイコン色*/
.icon_study01{/*定例勉強*/
	background-color: #ED6969 !important;
}
.icon_study02{/*リスタ*/
	background-color: #705892 !important;
}
.icon_study03{/*装具連携の会*/
	background-color: #6C9254 !important;
}
.icon_study04{/*その他*/
	background-color: #E7963D !important;
}


/*--------------------------------------------------------
	活動報告一覧
----------------------------------------------------------*/
.reportList{
}

.reportList li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}
	.reportList li:nth-child(3n){
		margin-right: 0;
	}

.reportList li a{
	display: block;
	text-decoration: none;
	background-image: url(../common/arw06_off.png);
	background-position: 98% 98.7%;
	background-repeat: no-repeat;
	background-size: 8px auto;
	border: #DDDDDD solid 1px;
}

.reportList li a:hover{
	background-image: url(../common/arw06_on.png);
	border: #23A5A2 solid 1px;
}

/*画像*/
.reportList li .pic{

}

.reportList li dl{
	padding: 20px 25px 20px;
}

/*タイトル*/
.reportList li dl dt{
	/*height: 80px;*/
	font-size: 118.8%;
	font-weight:  bold;
	line-height: 1.3em;
	word-break: break-all;
	border-bottom: #DDDDDD solid 1px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	/*overflow: hidden;*/
}
	.reportList li dl dt .new{/*NEWマーク*/
		/*display: inline-block;
		color: #FF0000;
		font-size: 13px;
		margin-left: 10px;*/
	}

/*日付*/
.reportList li dl dd.day{
	float: left;
	color: #999999;
	font-size: 81.3%;
}

.reportList li dl dd span.icon_study01,
.reportList li dl dd span.icon_study02,
.reportList li dl dd span.icon_study03,
.reportList li dl dd span.icon_study04{
	float: right;
	display: inline-block;
	height: 20px;
	color: #FFFFFF;
	font-size: 81.3%;
	text-align: center;
	padding: 0px 5px 1px;
	box-sizing: border-box;
	overflow: hidden;
}

	@media screen and (max-width: 640px) {
		.reportList li{
			float: left;
			width: 48.5%;
			margin-right: 3%;
			margin-bottom: 10px;
		}
			.reportList li:nth-child(3n){
				margin-right: 3%;
			}
			.reportList li:nth-child(2n){
				margin-right: 0;
			}

		.reportList li a{
			background-image: url(../common/arw06_on.png);
			background-position: 98% 98.7%;
			border: #DDDDDD solid 1px;
		}

		/*画像*/
		.reportList li .pic{

		}

		.reportList li dl{
			padding: 13px 10px 10px;
		}

		/*タイトル*/
		.reportList li dl dt{
			font-size: 1.4rem;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
			.reportList li dl dt .new{/*NEWマーク*/
				font-size: 1.2rem;
				margin-left: 5px;
			}

		/*日付*/
		.reportList li dl dd.day{
			float: none;
			font-size: 1.2rem;
		}

		.reportList li dl dd span.icon_study01,
		.reportList li dl dd span.icon_study02,
		.reportList li dl dd span.icon_study03,
		.reportList li dl dd span.icon_study04{
			float: none;
			font-size: 1.2rem;
			padding: 1px 3px 0px;
		}
	}


/*--------------------------------------------------------
	勉強会一覧
----------------------------------------------------------*/
.activityList{

}

.activityList li{
	width: 100%;
	margin-bottom: 20px;
}
	.activityList li:last-child{
		margin-bottom: 0;
	}

.activityList li a{
	display: block;
	text-decoration: none;
	background-image: url(../common/arw10.png);
	background-position: 99.2% 96.7%;
	background-repeat: no-repeat;
	border: #DDDDDD solid 1px;
}

.activityList li a:hover{
	border: #23A5A2 solid 1px;
}

/*画像*/
.activityList li .pic{
	float: left;
	/*width: 30.7%;*/
	width: 280px;
}

/*テキスト*/
.activityList li .txt{
	float: right;
	/*width: 69.3%;*/
	width: calc(100% - 280px);
	padding: 20px 30px 20px;
	box-sizing: border-box;
}

.activityList li dl{
	margin-bottom: 8px;
}

/*日付*/
.activityList li dl dt.day{
	float: left;
	color: #999999;
	font-size: 87.5%;
}

.activityList li dl dd span.icon_study01,
.activityList li dl dd span.icon_study02,
.activityList li dl dd span.icon_study03,
.activityList li dl dd span.icon_study04{
	float: right;
	display: inline-block;
	height: 20px;
	color: #FFFFFF;
	font-size: 81.3%;
	text-align: center;
	padding: 0px 5px 1px;
	box-sizing: border-box;
	overflow: hidden;
}

/*タイトル*/
.activityList li p.tit{
	color: #136460;
	font-size: 125%;
	font-weight:  bold;
	line-height: 1.3em;
	word-break: break-all;
	margin-bottom: 25px;
}
	.activityList li p.tit .new{/*NEWマーク*/
		/*display: inline-block;
		color: #FF0000;
		font-size: 13px;
		margin-left: 10px;*/
	}

/*中身*/
.activityList li p.deitail{
	word-break: break-all;
}

	@media screen and (max-width: 640px) {
		.activityList{

		}

		.activityList li{
			margin-bottom: 10px;
		}

		.activityList li a{
			background-size: 14px auto;
		}

		/*画像*/
		.activityList li .pic{
			/*width: 30.7%;*/
			width: 150px;
			padding: 10px 0px 10px 10px;
			box-sizing: border-box;
		}

		/*テキスト*/
		.activityList li .txt{
			/*width: 69.3%;*/
			width: calc(100% - 150px);
			padding: 18px 15px 15px 15px;
		}

		.activityList li dl{
			margin-bottom: 8px;
		}

		/*日付*/
		.activityList li dl dt.day{
			font-size: 1.3rem;
		}

		.activityList li dl dd span.icon_study01,
		.activityList li dl dd span.icon_study02,
		.activityList li dl dd span.icon_study03,
		.activityList li dl dd span.icon_study04{
			font-size: 1.2rem;
			padding: 1px 3px 0px;
		}

		/*タイトル*/
		.activityList li p.tit{
			font-size: 1.4rem;
			margin-bottom: 10px;
		}
			.activityList li p.tit .new{/*NEWマーク*/
				/*display: inline-block;
				color: #FF0000;
				font-size: 13px;
				margin-left: 10px;*/
			}

		/*中身*/
		.activityList li p.deitail{
			display: none;
		}
	}
	
	@media screen and (max-width: 350px) {
		/*画像*/
		.activityList li .pic{
			width: 100px;
			padding: 10px 0px 7px 10px;
		}

		/*テキスト*/
		.activityList li .txt{
			width: calc(100% - 100px);
			padding: 10px 10px 7px;
		}

		.activityList li dl dd span.icon_study01,
		.activityList li dl dd span.icon_study02,
		.activityList li dl dd span.icon_study03,
		.activityList li dl dd span.icon_study04{
			float: none;
			font-size: 1.0rem;
		}
	}


/*--------------------------------------------------------
	詳細日付・フォームタイトル
----------------------------------------------------------*/
.hl02 p .new{/*NEWマーク*/
	/*display: inline-block;
	color: #FF0000;*/
	font-size: 21px;
	/*margin-left: 10px;*/
}

.blockTtl{
	background-color: #F7F7F7;
	padding: 20px 20px 15px;
	margin-bottom: 40px;
}

/*日付*/
.blockTtl p.day{
	color: #999999;
}

/*アイコン*/
.blockTtl p.day span{
	display: inline-block;
	height: 20px;
	color: #FFFFFF;
	font-size: 81.3%;
	font-weight: bold;
	text-align: center;
	vertical-align: text-bottom;
	padding: 1px 5px 1px;
	margin-right: 8px;
	box-sizing: border-box;
	overflow: hidden;
}

/*タイトル*/
.blockTtl .tit{
	color: #146461;
	font-size: 125%;
	font-weight: bold;
	margin-top: 3px;
}
	.blockTtl .tit .new{/*NEWマーク*/
		/*display: inline-block;
		color: #FF0000;
		font-size: 13px;
		margin-left: 10px;*/
	}
	
	@media screen and (max-width: 959px) {
		.hl02 p .new{/*NEWマーク*/
			font-size: 1.4rem;
			margin-left: 5px;
		}
		
		.blockTtl{
			background-color: #F7F7F7;
			padding: 15px 15px 10px;
			margin-bottom: 20px;
		}

		/*日付*/
		.blockTtl p.day{
			color: #999999;
		}

		/*アイコン*/
		.blockTtl p.day span{
			font-size: 1.2rem;
			padding: 1px 3px 0px;
		}

		/*タイトル*/
		.blockTtl .tit{
			font-size: 1.7rem;
			line-height: 1.3em;
		}
			.blockTtl .tit .new{/*NEWマーク*/
				font-size: 1.2rem;
			}
	}


/*--------------------------------------------------------
	.pagenation
----------------------------------------------------------*/
/*.pagenation02は一覧へ戻るボタン時*/

/*ページネーション*/
.pagenation,
.pagenation02{
	position: relative;
	overflow: hidden;
	padding-top: 100px;
}
	.pagenation02{
		border-top: #CCCCCC solid 1px;
	}

.pagenation ul,
.pagenation02 ul{
	float: left;
	left: 50%;
	position: relative;
}

.pagenation ul li,
.pagenation02 ul li{
	float: left;
	left: -50%;
	position: relative;
	margin-right: 15px;
}

.pagenation ul li a,
.pagenation02 ul li a{
	display: block;
	color: #22A5A1;
	font-size: 112.5%;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
	border: #CCCCCC solid 1px;
	padding: 17px 25px 16px;
}
	.pagenation ul li#now a{
		background-color: #DDF2F1;
		border: #23A5A2 solid 1px;
	}
	.pagenation ul li a:hover,
	.pagenation02 ul li a:hover{
		border: #23A5A2 solid 1px;
	}
	
/*前のページボタン*/
.pagenation ul li#prev{
	margin-right: 30px;
}
	.pagenation ul li#prev a{
		background-image: url(../common/arw04.png);
		background-position: 17px 25px;
		background-repeat: no-repeat;
		background-size: 21px auto;
		padding-left: 51px;
	}

/*次のページボタン*/
.pagenation ul li#next{
	padding-left: 15px;
	margin-right: 0px;
}
	.pagenation ul li#next a{
		background-image: url(../common/arw05.png);
		background-position: 75px 25px;
		background-repeat: no-repeat;
		background-size: 21px auto;
		padding-right: 51px;
	}

/*戻るボタン*/
.pagenation02 ul li.back a{
	background-image: url(../common/arw04.png);
	background-position: 17px 25px;
	background-repeat: no-repeat;
	background-size: 21px auto;
	padding-left: 51px;
}

	@media screen and (max-width: 959px) {
		/*ページネーション*/
		.pagenation,
		.pagenation02{
			padding-top: 40px;
		}

		.pagenation ul{
			float: none;
			position: static;
		}

		.pagenation ul li{
			display: none;/*いったん非表示*/
			float: left;
			position: static;
			margin-right: 0px;
		}

		.pagenation ul li a,
		.pagenation02 ul li a{
			font-size: 1.6rem;
			border: #23A5A2 solid 1px;
			padding: 11px 18px 9px;
		}
			.pagenation ul li#now a{
				background-color: #FFFFFF;
			}

		/*前のページボタン*/
		.pagenation ul li#prev{
			display: inline-block;/*ここで表示*/
			margin-right: 0px;
		}
			.pagenation ul li#prev a{
				background-position: 17px 19px;
				background-size: 14px auto;
			}

		/*次のページボタン*/
		.pagenation ul li#next{
			display: inline-block;/*ここで表示*/
			float: right;
			padding-left: 0px;
		}
			.pagenation ul li#next a{
				background-position: 75px 19px;
				background-size: 14px auto;
			}
		
		/*戻るボタン*/		
		.pagenation02 ul li.back a{
			background-position: 17px 19px;
			background-size: 14px auto;
		}
	}


/*---------------------------------------------------------
PC、SP切り替え
---------------------------------------------------------*/
@media screen and (min-width: 960px) {
	.sp {
		display: none !important;
	}
}

@media screen and (max-width: 959px) {
	.pc {
		display: none !important;
	}
}


/*---------------------------------------------------------
フォント
---------------------------------------------------------*/
.fontYM {
	font-family: "游明朝 Light", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

/*.fontN {
	font-family: 'Noto Sans Japanese', sans-serif;
}*/

/*.fontH {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}*/


/*---------------------------------------------------------
テーブル
---------------------------------------------------------*/ 
/*.tbl01*/
.tbl01{
	width: 100%;
	border-collapse: collapse;
}

.tbl01 th,
.tbl01 td{
	text-align: center;
	background-color: #FFFFFF;
	border-right: #D7F2F0 solid 3px;
	border-collapse: collapse;
	padding: 15px 10px;
}

.tbl01 th {
	font-weight: bold;
	background-color: #DDDDDD;
}

	@media screen and (max-width: 959px) {
		.tbl01 th,
		.tbl01 td{
			padding: 10px 10px;
		}
	}

/*.tbl02*/
.tbl02{
	width: 100%;
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
}

.tbl02 th,
.tbl02 td{
	border:1px solid #CCCCCC;
	border-collapse: collapse;
	padding: 20px 40px;
}

.tbl02 th {
	color: #FFFFFF;
	font-size: 112.5%;
	text-align: center;
	background-color: #459A9A;
	padding: 15px 20px;
}

.tbl02 td.cell01{
	font-size: 112.5%;
	background-color: #F5F5F5;
	text-align: center;
	padding: 20px 20px;
}

	@media screen and (max-width: 640px) {
		.tbl02 th,
		.tbl02 td{
			padding: 10px 20px;
		}

		.tbl02 th {
			font-size: 1.3rem;
			padding: 8px 20px;
		}

		.tbl02 td.cell01{
			font-size: 1.3rem;
			padding: 10px 10px;
		}
	}


/*---------------------------------------------------------
注釈
---------------------------------------------------------*/ 
.note{
	display:inline-block;
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.35em;
}
	@media screen and (max-width: 959px) {
		.note{
			font-size: 1.0rem;
		}
	}

.notes li{
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.35em;
	margin-bottom: 5px;
}
	.notes li:last-child{
		margin-bottom: 0px !important;
	}
	
	@media screen and (max-width: 959px) {
		.notes li{
			font-size: 1.0rem;
		}
	}


/*---------------------------------------------------------
リスト
---------------------------------------------------------*/ 
/*2つ*/
.ulList{
	
}

.ulList li{
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 1.8%;
	box-sizing: border-box;
}
	.ulList li:nth-child(2n){
		margin-right: 0 ;
	}
	.ulList li:nth-child(2n+1){
		clear: both;
	}

/*3つ*/
.ulList02{
}

.ulList02 li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 1.8%;
	box-sizing: border-box;
}
	.ulList02 li:nth-child(3n){
		margin-right: 0;
	}
	.ulList02 li:nth-child(3n+1){
		clear: both;
	}

	@media screen and (max-width: 959px) {
		/*2つスマホは1つ*/
		.ulList li{
			float: none;
			width: 100%;
			margin-right: 0;
			margin-bottom: 15px;
		}
			.ulList li:nth-child(2n+1){
				clear: none;
			}
	
		/*3つスマホは2つ*/
		.ulList02 li{
			width: 49%;
			margin-right: 2%;
			margin-bottom: 1.8%;
		}
			.ulList02 li:nth-child(3n){
				margin-right: 2%;
			}
			.ulList02 li:nth-child(3n+1){
				clear: none;
			}
			.ulList02 li:nth-child(2n){
				margin-right: 0;
			}
			.ulList02 li:nth-child(2n+1){
				clear: both;
			}
	}


/*---------------------------------------------------------
ボタン
---------------------------------------------------------*/ 
/*.moreBtn{
	border: #999999 solid 1px;
}

.moreBtn a {
	display: block;
	color: #999999;
	font-size: 106.3%;
	font-weight: bold;
	text-align: center;
	background-color: #FFFFFF;
	padding: 20px 10px 18px 10px;
}
	.moreBtn a span{
		display: inline-block;
		background-image: url(../common/arw01.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 7px auto;
			-webkit-background-size: 7px auto;
			-moz-background-size: 7px auto;
			-ms-background-size: 7px auto;
		padding-left: 20px;
	}
	
	@media screen and (max-width: 959px) {
		.moreBtn a {
			font-size: 1.6rem;
		}
	}*/


/*---------------------------------------------------------
elements
---------------------------------------------------------*/ 
/*----- 整列 ----*/
.txtCenter { text-align: center !important;}
.txtRight { text-align: right !important;}
.txtLeft { text-align: left !important;}


/*----- マージン ----*/
.mB00 { margin-bottom: 0px !important;}
.mB05 { margin-bottom: 5px !important;}
.mB08 { margin-bottom: 8px !important;}
.mB10 { margin-bottom: 10px !important;}
.mB12 { margin-bottom: 12px !important;}
.mB15 { margin-bottom: 15px !important;}
.mB18 { margin-bottom: 18px !important;}
.mB20 { margin-bottom: 20px !important;}
.mB25 { margin-bottom: 25px !important;}
.mB30 { margin-bottom: 30px !important;}
.mB35 { margin-bottom: 35px !important;}
.mB40 { margin-bottom: 40px !important;}
.mB45 { margin-bottom: 45px !important;}
.mB50 { margin-bottom: 50px !important;}
.mB55 { margin-bottom: 55px !important;}
.mB60 { margin-bottom: 60px !important;}
.mB65 { margin-bottom: 65px !important;}
.mB70 { margin-bottom: 70px !important;}
.mB80 { margin-bottom: 80px !important;}
.mB90 { margin-bottom: 90px !important;}
.mB100 { margin-bottom: 100px !important;}

.mT05 { margin-top: 5px !important;}
.mT10 { margin-top: 10px !important;}
.mT12 { margin-top: 12px !important;}
.mT15 { margin-top: 15px !important;}


/*----- フロート ----*/
.fLeft { float: left;}
.fRight { float: right;}

img.fLeft { padding: 0 20px 10px 0}
img.fRight { padding: 0 0 10px 20px}


/*----- 文字色 ----*/
.fRed{ color: #D80000;}
.fRed02{ color: #B20000;}
.fPink{ color: #FF135F;}


/*----- フォントサイズ ----*/
/*.fSize01 { font-size: 72%;}*/


/*----- フォント ----*/
.fBold { font-weight: bold;}


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

dl:after,
ul:after,
#fNavi:after,
.studyList li:after,
.activityList > li > a:after,
#formWrap > ul > li:after,
.historyList > li dl dd:after{
	content: '';
	display: block;
	clear: both;
}

div:after{
	content: ".";  
	display: block;
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;
	overflow: hidden;
}

.clearfix:after {
	content:"";
	display:block;
	clear:both;
}

.clear{
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0.1em;
	line-height: 0.1em;
	display: block;
  	clear:both;
}