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

/* ============================
		Reset
 ============================ */

.breadcrumb {

margin-bottom: 15px;
}


/* newsArchiveList */

.newsArchiveListSection .newsArchiveList {
}

.newsArchiveListSection .newsArchiveList li {
border-bottom: 1px solid #ccc;
}

.newsArchiveListSection .newsArchiveList a {
display: block;
padding: 10px 5px;
}

.newsArchiveListSection .newsArchiveList .noLink {
display: block;
padding: 10px 5px;
}

.newsArchiveListSection .newsArchiveList .date {
display: inline-block;
width: 8.5em;
font-size: 1.6rem;
line-height: 1.5em;
}

.newsArchiveListSection .newsArchiveList .category {
display: inline-block;
width: 7em;
font-size: 1.4rem;
line-height: 1.5em;
background-color: #ccc;
text-align: center;
position: relative;
top: -1px;
}
.newsArchiveListSection .newsArchiveList .category.news {
background-color: #E1DCCA;
}

.newsArchiveListSection .newsArchiveList .category.topic {
background-color: #EFDAF0;
}

.newsArchiveListSection .newsArchiveList .category.region {
background-color: #ffcc99;
}

.newsArchiveListSection .newsArchiveList .category.recruit {
background-color: #EFDAF0;
}

.newsArchiveListSection .newsArchiveList .category.you,
.newsArchiveListSection .newsArchiveList .category.event {
background-color: #f8e4d0;
}

.newsArchiveListSection .newsArchiveList .category.localNews {
background-color: #cfe5bb;
}

.newsArchiveListSection .newsArchiveList .category.gakkai {
background-color: #c9d6f0;
}

.newsArchiveListSection .newsArchiveList .category.acp {
background-color: #b3f29b;
}

.newsArchiveListSection .newsArchiveList .category.hosp {
background-color: #f7f29c;
}



.newsArchiveListSection .newsArchiveList .title {
display: block;
margin-top: 5px;
font-size: 1.6rem;
}


.newsArchiveListSection .more {
text-align: right;
}

.newsArchiveListSection .more a {
display: block;
padding-right: 1.25em;
font-size: 1.6rem;
line-height: 2em;
background-image: url("../../about/common/images/mark001.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 16px auto;
}

/* yearArchiveList */


.newsArchiveListSection .yearArchiveList {
display: block;
margin-bottom: 1.5em;
margin-top: -0.5em;
}

.newsArchiveListSection .yearArchiveList li {
display: inline-block;
width: 4em;
text-align: center;
margin-right: 5px;
}

.newsArchiveListSection .yearArchiveList a {
display: block;
text-align: center;
background-color: #ad3e58;
color: #fff;
padding: 10px 0;
border-radius: 7px;
}



/* for PC */
@media screen and (min-width: 1201px) {



	/* newsArchiveList */
	
	.newsArchiveListSection .newsArchiveList {
	margin: 1.5em 0;
 	}
	
	.newsArchiveListSection .newsArchiveList li {
	}
	
	.newsArchiveListSection .newsArchiveList a:before,
	.newsArchiveListSection .newsArchiveList a:after {
	content:"";
	display: table;
	}
	.newsArchiveListSection .newsArchiveList a:after { clear:both; }
	.newsArchiveListSection .newsArchiveList a { *zoom:1; }
	
	.newsArchiveListSection .newsArchiveList a {
	display: block;
	padding: 10px 5px;
	}



	.newsArchiveListSection .newsArchiveList .noLink:before,
	.newsArchiveListSection .newsArchiveList .noLink:after {
	content:"";
	display: table;
	}
	.newsArchiveListSection .newsArchiveList .noLink:after { clear:both; }
	.newsArchiveListSection .newsArchiveList .noLink { *zoom:1; }
	
	.newsArchiveListSection .newsArchiveList .noLink {
	display: block;
	padding: 10px 5px;
	}


	.newsArchiveListSection .newsArchiveList .date {
	float: left;
	width: 10em;
	font-size: 1.6rem;
	line-height: 1.5em;
	}

	.newsArchiveListSection .newsArchiveList .category {
	float: left;
	width: 7em;
	top: 2px;
	}

	.newsArchiveListSection .newsArchiveList .title {
	float: left;
	width: calc(100% - 17em);
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-top: 0;
	box-sizing: border-box;
	padding-left: 1em;
	vertical-align: middle;
	}


	.newsArchiveListSection .yearArchiveList {
	margin: -2.0em 0 2em 0;
	}

	.newsArchiveListSection .yearArchiveList li {
	width: 6em;
	}

	.newsArchiveListSection .topYearsList {
	margin-top: 3.5em;
	}


}



/* ============================
		singleSection
 ============================ */

.singleSection strong,
.singleSection p {
font-size: 1.4rem;
line-height: 1.75em;
}


.singleSection a {
display: inline-block;
background-image: url("../../about/common/images/arrow003.svg");
background-repeat: no-repeat;
background-position: left top 0.4em;
padding-left: 1em;
font-size: 1.4rem;
line-height: 1.75em
}

.singleSection .galleryList001 {
display: block;
text-align: center;
}

.singleSection .galleryList001 li {
display: inline-block;
margin-bottom: 1em;
margin: 0 1em 1em 1em;
}

.singleSection .galleryList001 li img {
width: 100%;
max-width: 400px;
height: auto;
}



.singleSection .galleryList002 {
display: block;
text-align: center;
}

.singleSection .galleryList002 li {
display: inline-block;
margin-bottom: 1em;
margin: 0 1em 1em 1em;
}

.singleSection .galleryList002 li img {
width: 100%;
max-width: 100%;
height: auto;
}




/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){

	.singleSection strong,
	.singleSection p  {font-size: 1.8rem;line-height: 1.75em;}

	.singleSection a {
	background-position: left top 0.6em;
	font-size: 1.8rem;
	}

}

/* for PC */
@media screen and (min-width: 1201px) {

	.singleSection strong,
	.singleSection p  {font-size: 1.8rem;line-height: 1.75em;}

	.singleSection a {
	background-position: left top 0.6em;
	font-size: 1.8rem;
	}



}



/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}