@charset "utf-8";

/*===============================================

 pageAbout

=================================================*/

.contents h2 span {
	padding-left:20px;
	font-size: 1.6rem;
	font-size: 16px\9; /* for IE8 */
}

/*-----------------------------------------------
 table
-------------------------------------------------*/
table,
#missionWrap,
.boxTableHalf {
	width:100%;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
}
#missionWrap {
	position:relative;
	padding-top:30px;
	background-image:url(../img/common/rabbit1.png);
	background-position:1px 8px;
	background-repeat:no-repeat;
}
#missionWrap table {
	width:100%;
}
#missionWrap:after {
	content:"";
	position:absolute;
	top:90px;
	left:-3px;
	width:84px;
	height:21px;
	background-image:url(../img/common/rabbit1_hand.png);
}
.boxTableHalf table {
	width:48%;
}
.boxTableHalf table:first-child {
	float:left;
}
.boxTableHalf table:last-child {
	float:right;
}
th,
td {
	padding:10px;
	border:1px solid #e2dacb;
}
table .noBorder {
	border:0;
}
th {
	text-align:center;
	font-weight:400;
	vertical-align:middle;
}
thead th {
	border-color:#5eb2d8;
	border-right-color:#add8eb;
	background-color:#5eb2d8;
	color:#fff;
}
tbody th {
	border-color:#5eb2d8;
	border-bottom-color:#add8eb;
	background-color:#5eb2d8;
	color:#fff;
}
table .second {
	background-color:#ede7dd;
	text-align:center;
	vertical-align:middle;
}
table .center {
	text-align:center;
}
table .vcCenter {
	text-align:center;
	vertical-align:middle;
}
.pink {
	border:1px solid #add8eb;
	background-color:#f5c5db;
}
.green {
	border:1px solid #add8eb;
	background-color:#bce2ac;
}

/*-----------------------------------------------
 .photoList
-------------------------------------------------*/
.photoList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.photoList li {
	margin-top:50px;
}
.photoList li p {
	line-height:150%;
	margin-left:10px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

.cf,
.contents .boxTableHalf {
	zoom: 1; /* for IE5.5 - IE7 */
}
.cf:after,
.contents .boxTableHalf:after {
	/* for modern browser */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*===============================================

 pageEducation 

=================================================*/
#pageEducation .boxPhoto figure{
    width: 476px;
    height: 300px; 
    -webkit-mask-image: url("../img/svg/square1.svg");
-webkit-mask-size: cover;
    mask-image: url("../img/svg/square1.svg");
    mask-position: center;
    mask-size: cover;
}
#pageEducation .contents > div.boxPhoto:nth-of-type(2n) figure{
     -webkit-mask-image: url("../img/svg/square2.svg");
    mask-image: url("../img/svg/square2.svg");
}
#pageEducation .contents > div.boxPhoto:nth-of-type(3n) figure{
     -webkit-mask-image: url("../img/svg/square3.svg");
    mask-image: url("../img/svg/square3.svg");
}
#pageEducation .boxPhoto figure img{
    width: 100%;
    height: auto;
}

/*===============================================

 pageFacility 

=================================================*/
#pageFacility .boxPhoto figure,
#pageFacility .photoList figure{
    width: 476px;
    height: 300px; 
    -webkit-mask-image: url("../img/svg/square1.svg");
-webkit-mask-size: cover;
    mask-image: url("../img/svg/square1.svg");
    mask-position: center;
    mask-size: cover;
}
#pageFacility .contents > div.boxPhoto:nth-of-type(2n) figure,
#pageFacility .photoList li:nth-of-type(2n) figure{
     -webkit-mask-image: url("../img/svg/square2.svg");
    mask-image: url("../img/svg/square2.svg");
}
#pageFacility .contents > div.boxPhoto:nth-of-type(3n) figure,
#pageFacility .photoList li:nth-of-type(3n) figure{
     -webkit-mask-image: url("../img/svg/square3.svg");
    mask-image: url("../img/svg/square3.svg");
}
#pageFacility .boxPhoto figure img,
#pageFacility .photoList figure img{
    width: 100%;
    height: auto;
}
/* add photo */
#pageFacility .boxPhoto span {
    display: block;
    width: 168px;
    height: 168px;
    -webkit-mask-image: url("../img/svg/circle1.svg");
    -webkit-mask-size: cover;
    mask-image: url("../img/svg/circle1.svg");
    mask-position: center;
    mask-size: cover;
    z-index: 2;
}
#pageFacility .boxPhoto.schoolLunch,
#pageFacility .boxPhoto.handWash,
#pageFacility .boxPhoto.garden{
	position:relative;
}
#pageFacility .boxPhoto.schoolLunch span {
	position:absolute;
	top:-40px;
    right:-70px;
	/* left:-50px; */
}
#pageFacility .boxPhoto.handWash span {
	position:absolute;
	top:-40px;
    right:-70px;
	/*left:-50px;*/
}
#pageFacility .boxPhoto.garden span {
	position:absolute;
	top:-40px;
    right:-70px;
	/*left:-50px;*/
}

/* comment */
#pageFacility .photoList figure + p{
    margin-top: 10px;
}

/*===============================================

 pageLetter

=================================================*/
#pageLetter {
}
#pageLetter section > .inner {
  width: 1000px;
  margin: 0 auto;
}
/* 該当ニュースだけ表示 */
#pageLetter .boxNews dl {
    display: none;
}
#pageLetter .boxNews dl.letter {
    display: flex;
}