@charset "UTF-8";

#page #about .pageTtl {
	background:url(../images/facility/bgi-ttl_001.jpg) center center no-repeat;
	background-size:cover;
}

/*　いいだしっぺからのメッセージ
-------------------------------------*/
#about.about_message #main .name {
	width:100%;
	text-align:right;
	display:table;
}
#about.about_message #main .name p {
	display:table-cell;
	text-align:right;
	vertical-align:middle;
}
#about.about_message #main .name p:last-child {
	width:175px;
}


/*　法人概要
-------------------------------------*/
#about.about_1985 .kakomi .kakomiTtl {
	margin-bottom:30px;
}
#about.about_1985 .imgLeft figure {
	width:100px;
}
#about.about_1985 .picBox li {
	display:table;
	list-style:none;
	margin-bottom:10px;
}
#about.about_1985 .picBox li:last-child {
	margin-bottom:0;
}
#about.about_1985 .picBox li figure {
	display:table-cell;
	width:80px;
	padding-right:10px;
}
#about.about_1985 .picBox li figure img {
	width:100%;
	height:auto;
}
#about.about_1985 .picBox li p {
	display:table-cell;
	vertical-align:middle;
}
#about.about_1985 .picBox li p .smallBtn {
    display: inline-block;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    background: #33ad00;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none !important;
    border-radius: 30px;
}


/*　掲載事例
-------------------------------------*/
#about.about_press .imgRight h3 {
	font-size:16px;
	margin-bottom:10px;
}
#about.about_press .imgRight h3 span {
	font-size:12px;
	display:block;
	margin-bottom:7px;
	font-weight:bold;
}
#about.about_press .imgRight figure img {
	border:1px solid #ddd;
}


/*　定款
-------------------------------------*/
#about.about_notification .moduleUnit .moduleList li {
	margin-bottom: 0;
}
#about.about_notification .moduleUnit .moduleList  p {
	margin-bottom: 5px;
}


/*　刊行物のご案内
-------------------------------------*/
#about.about_publications .bookBox {
}
#about.about_publications .bookBox .book {
	width:250px;
	float:left;
}
#about.about_publications .bookBox .book figure {
	margin-bottom:25px;
}
#about.about_publications .bookBox .book table {
	font-size:13px;
	line-height:1.4;
	table-layout:fixed;
}
#about.about_publications .bookBox .book table th {
	padding:5px 10px;
	font-size:13px;
	width:90px;
}
#about.about_publications .bookBox .book table td {
	padding:5px 10px;
}
#about.about_publications .bookBox .info {
	width:470px;
	float:right;
}
#about.about_publications .bookBox .info ul {
}
#about.about_publications .bookBox .info .btn a {
    display: block;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    background: #33ad00;
    text-align: center;
    padding: 11px 0;
    text-decoration: none !important;
    border-radius: 30px;
	max-width:200px;
}
#about.about_publications .bookBox .info .btn a:hover {
	opacity:0.7;
}
#about.about_publications .bookBox01 {
	padding-bottom:70px;
	border-bottom:1px solid #ddd;
	margin-bottom:70px;
}
#about.about_publications .bookBox02 figure img {
	border:1px solid #ddd;
}


/*　賛同してくださっている皆様
-------------------------------------*/
#about.about_supporter .imgRight h3 {
	font-size:16px;
	margin-bottom:10px;
}
#about.about_supporter .imgRight h3 span {
	font-size:12px;
	display:block;
	margin-bottom:7px;
	font-weight:bold;
}
#about.about_supporter .imgRight figure img {
	border:1px solid #ddd;
}
#about.about_supporter #main .btn a {
    display: block;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    background: #33ad00;
    text-align: center;
    padding: 11px 0;
    text-decoration: none !important;
    border-radius: 30px;
	max-width:200px;
}
#about.about_supporter #main .btn a:hover {
	opacity:0.7;
}

/*　プライバシーポリシー
-------------------------------------*/
#about.about_privacy .moduleUnit .moduleList li {
	margin-bottom: 0;
}



/*　活動報告
-------------------------------------*/
.about_report_single #main {
	width:762px;
}
.about_report .ttl h2,
.about_report_single .ttl h2 {
	font-weight:bold;
	font-size:28px;
	line-height:1.4;
	margin-bottom:8px;
}
.about_report .ttl .day,
.about_report_single .ttl .day {
	font-size:16px;
	font-weight:bold;
}
.about_report .sectionIn {
	margin-right:0;
}


/*　index
-------------------------------------*/	
.about_report .sectionIn section {
	border:1px solid #ddd;
	margin-bottom:16px;
}
.about_report .sectionIn section a {
	text-decoration:none !important;
	display:block;
	padding:20px 23px 20px;
}
.about_report .sectionIn section a:hover {
	color:#333 !important;
	opacity:0.7;
}
.about_report .sectionIn section .ttl {
}
.about_report .sectionIn section .ttl figure {
	float:left;
	width:150px;
	height:100px;
	overflow:hidden;
	position:relative;
}
.about_report .sectionIn section .ttl figure img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
}
.about_report .sectionIn section .ttl .txt {
	float:right;
	width:528px;
}
.about_report .sectionIn section p.status {
	margin-bottom:13px;
}
.about_report .sectionIn section p.status span {
	font-size:16px;
}
.about_report .sectionIn section .ttl h2 {
	margin-bottom:5px;
	font-size:22px;
}
.about_report .sectionIn section .ttl .day {
	font-size:14px;
	margin-bottom:10px;
}

/* 個別 */
.about_report_single .ttl {
	padding-bottom:27px;
	border-bottom:1px solid #ddd;
	margin-bottom:30px;
}
.about_report_single .mainImg {
	margin-bottom:30px;
}
.about_report_single .txtArea {
	margin-bottom:50px;
}
.about_report_single .txtArea p {
	margin-bottom:30px;
}
.about_report_single .txtArea figure {
	margin-bottom:50px;
}
.about_report_single .txtArea table,
.about_report_single .txtArea > div,
.about_report_single .txtArea > ol {
	margin-bottom:70px;
}
.about_report_single .txtArea figure figcaption {
	font-size:11px;
	font-weight:bold;
	margin-top:10px;
	line-height:1.3;
}
.about_report_single .txtArea img {
	max-width:100%;
	height:auto;
}
.about_report_single .txtArea p:last-child,
.about_report_single .txtArea figure:last-child,
.about_report_single .txtArea > div:last-child,
.about_report_single .txtArea table:last-child,
.about_report_single .txtArea > ol:last-child {
	margin-bottom:0;
}
.about_report_single .txtArea .moduleTableB th {
	width:150px;
}
.about_report_single .txtArea .kakomi ul li {
	list-style:none;
	padding-top:30px;
	border-top:1px dashed #333;
	margin-top:30px;
}
.about_report_single .txtArea .kakomi ul li:first-child {
	margin-top:0;
	border-top:none;
	padding-top:0;
}
.about_report_single .txtArea .kakomi .imgLeft {
	margin-bottom:20px;
}
.about_report_single .txtArea .kakomi .imgLeft figure {
	width:100px;
	margin-bottom:0;
}
.about_report_single .txtArea .kakomi .imgLeft h4 {
	font-size:16px;
	margin-bottom:10px;
}
.about_report_single .galleryTtl {
	margin-top:80px;
}

@media screen and (max-width: 760px) {
	

/*　刊行物のご案内
-------------------------------------*/
#about.about_publications .bookBox {
}
#about.about_publications .bookBox .book {
	max-width:250px;
	float:none;
	margin:0 auto 30px;
}
#about.about_publications .bookBox .book table th {
	display:table-cell;
}
#about.about_publications .bookBox .book table td {
	display:table-cell;
}
#about.about_publications .bookBox .info {
	width:auto;
	float:none;
}
#about.about_publications .bookBox .info ul {
}


.about_report_single #main {
	width:auto;
}
#event p.status {
}
#event p.status span {
	font-size:16px;
}
#event .ttl h2 {
	margin-bottom:8px;
	font-size:20px;
}
#event .ttl .day {
	font-size:14px;
}
	
/*　活動報告
-------------------------------------*/	
.about_report .sectionIn section a {
	padding:20px;
}
.about_report .sectionIn section .ttl {
}
.about_report .sectionIn section .ttl figure {
	float:none;
	width:100%;
	margin-bottom:15px;
}
.about_report .sectionIn section .ttl figure img {
	width:100%;
}
.about_report .sectionIn section .ttl .txt {
	float:none;
	width:auto;
}
.about_report .sectionIn section p.status {
	margin-bottom:13px;
}
.about_report .sectionIn section p.status span {
	font-size:14px;
}
.about_report .sectionIn section .ttl h2 {
	margin-bottom:8px;
	font-size:20px;
}

/*　個別
-------------------------------------*/	
.about_report_single .freeArea table th {
	width:auto;
}
.about_report_single .txtArea img {
	max-width:100%;
	height:auto;
}
.about_report_single .galleryTtl {
	margin-top:50px;
}
.about_report_single #pager {
	margin-top:50px;
	margin-bottom:80px;
	position:relative;
}
.about_report_single #pager .home {
	position:absolute;
	display:block;
	width:100%;
	text-align:center;
	margin:0;
	bottom:-40px;
	left:20px;
}
	
	
}
