@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Quicksand');

.mainImg {
	margin: 110px auto 0;
}

.tricolore {
	width: 100%;
	height: 10px;
	background: #008e42;
}

.catchphrase {
	border-top: 1px solid #eee;
	padding: 30px 20px 0px;
}
.catchphrase p {
	text-align: center;
	font-family: "hannari", 'Noto Serif JP', serif;
	font-size: 1.25em;
	line-height: 1.6;
}

.recruitLink {
	max-width: 490px;
	margin: 80px auto;
	padding: 0 15px;
}
.recruitLink ul li {
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background: #f3eee9;
	background: -moz-linear-gradient(top,  #f3eee9 0%, #f3eee9 50%, #e1dbd4 50%, #e1dbd4 100%);
	background: -webkit-linear-gradient(top,  #f3eee9 0%,#f3eee9 50%,#e1dbd4 50%,#e1dbd4 100%);
	background: linear-gradient(to bottom,  #f3eee9 0%,#f3eee9 50%,#e1dbd4 50%,#e1dbd4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3eee9', endColorstr='#e1dbd4',GradientType=0 );
}

.ttl {
	margin-bottom: 30px;
	text-align: center;
}
.ttl h2 {
	font-size: 2.25em;
	font-family: 'Quicksand', sans-serif;
	letter-spacing: 0.1em;
	color: #984000;
}
.ttl p {
	font-size: 0.88em;
	font-weight: bold;
	color: #666;
}

.menuInfo {
	margin-bottom: 40px;
}
.menuInfo ul {
	display: flex;
	flex-wrap: wrap;
}

.menuInfo ul li {
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 20px;
}
.menuInfo ul li:nth-child(3n) {
	margin-right: 0;
}
.menuInfo ul li img {
	border-radius: 8px;
}
.menuInfo ul li p {
	line-height: 1;
	margin-top: 10px;
	font-size: 0.94em;
	font-weight: bold;
}
.menuInfo ul li p:before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 1.25em;
	color: #984000;
	margin-right: 0.5em;
	line-height: 1;
}
.menuInfo ul li a {
	display: block;
}
.menuInfo ul li a:hover {
	text-decoration: none;
	opacity: 0.8;
	color: #984000;
}

.news dl {
	border-top: 1px solid #999;
	margin-bottom: 20px;
}

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

.news dl dt {
	clear: both;
	float: left;
	width: 13em;
	padding: 10px;
	font-size: 0.94em;
	color: #666;
}

.news dl dd {
	padding: 10px;
	padding-left: 13em;
	border-bottom: 1px solid #999;
	font-size: 0.94em;
}

.news dl dt span.icon01 {
	width: 9em;
	font-size: 0.75em;
	color: #fff;
	text-align: center;
	margin-right: 1em;
	padding: 2px 1em;
	background: #5c5133;
	border-radius: 4px;
}

.news dl dt span.icon02 {
	width: 9em;
	font-size: 0.75em;
	color: #fff;
	text-align: center;
	margin-right: 1em;
	padding: 2px 1em;
	background: #008e42;
	border-radius: 4px;
}

.newsList {
	width: 8em;
	margin: 0 auto;
	text-align: center;
}
.newsList a {
	display: block;
	padding: 10px 1em;
	background: rgba(152,64,0,1.00);
	color: #fff;
	font-size: 0.88em;
	line-height: 1;
	border-radius: 4px;
}
.newsList a:hover {
	background: rgba(152,64,0,0.8);
	text-decoration: none;
}

.other {
	padding: 60px 20px 80px;
	background-image: url(../img/bg-other.png);
	background-size:  100px auto;
	background-position: center 10px;
	background-repeat: repeat-x;
	background-color: #fcf2de;
}

.otherInfo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 960px;
	margin: 0 auto 60px;
}
.otherInfo .otherLink {
	width: 48.4375%;
}
.otherInfo .otherLink ul li {
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background: #f3eee9;
	background: -moz-linear-gradient(top,  #f3eee9 0%, #f3eee9 50%, #e1dbd4 50%, #e1dbd4 100%);
	background: -webkit-linear-gradient(top,  #f3eee9 0%,#f3eee9 50%,#e1dbd4 50%,#e1dbd4 100%);
	background: linear-gradient(to bottom,  #f3eee9 0%,#f3eee9 50%,#e1dbd4 50%,#e1dbd4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3eee9', endColorstr='#e1dbd4',GradientType=0 );

/*	background: #162e7e;
	background: -moz-linear-gradient(top,  #162e7e 0%, #162e7e 50%, #13276b 50%, #13276b 100%);
	background: -webkit-linear-gradient(top,  #162e7e 0%,#162e7e 50%,#13276b 50%,#13276b 100%);
	background: linear-gradient(to bottom,  #162e7e 0%,#162e7e 50%,#13276b 50%,#13276b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13276b', endColorstr='#13276b',GradientType=0 );*/
}
.otherInfo .otherLink ul li.recommend {
	background: url(../img/bg-recommend.jpg) #fff no-repeat;
}
.otherInfo .otherLink ul li:last-child {
	margin-bottom: 0;
}
.otherInfo .facebook {
	width: 48.4375%;
}

.messageBG {
	max-width: 1120px;
	margin: 0 auto;
	background-image: url(../img/bg-message1.png),url(../img/bg-message2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right bottom, left top;
	background-size: 240px auto, 200px auto;
}

.message {
	max-width: 640px;
	margin: 0 auto;
}

.message .ttl {
	font-size: 2.25em;
	font-family: 'Quicksand', sans-serif;
	letter-spacing: 0.1em;
	color: #984000;
	margin-bottom: 10px;
}

.message .messageTxt p {
	background: url(../img/bg-message-border.svg);
	background-size: 10px 40px;
	text-align: center;
	line-height: 40px;
}

.message .messageTxt p span {
	display: block;
}
/* ---------------------------------------------
	768px 以下
--------------------------------------------- */
@media only screen and (max-width: 768px) {

	.mainImg {
		margin: 60px auto 0;	
	}
	.catchphrase {
		padding: 20px 20px 0px;
	}
	.catchphrase p {
		font-size: 1.12em;
		line-height: 1.5;
	}
	.news dl dt {
		font-size: 0.88em;
	}
	.news dl dd {
		font-size: 0.88em;
	}
	.messageBG {
		background-size: 180px auto, 140px auto;
	}


}

/* ---------------------------------------------
	640px 以下
--------------------------------------------- */
@media only screen and (max-width: 640px) {

	.recruitLink {
		max-width: 350px;
		margin: 40px auto;
	}
	.ttl h2 {
		font-size: 1.75em;
	}
	.ttl p {
		font-size: 0.75em;
	}
	.catchphrase p {
		font-size: 1.0em;
	}
	.catchphrase p br { display: none; }
	
	.menuInfo ul li {
		width: 48%;
		margin-right: 4%;
	}
	.menuInfo ul li:nth-child(3n) {
		margin-right: 4%;
	}
	.menuInfo ul li:nth-child(2n) {
		margin-right: 0;
	}
	.menuInfo ul li p {
		font-size: 0.8em;
		margin-top: 5px;
	}

	.otherInfo {
		justify-content: center;
		margin: 0 auto 60px;
	}
	.otherInfo .otherLink {
		width: 100%;
		max-width: 320px;
	}
	.otherInfo .facebook {
		width: 100%;
		margin-bottom: 30px;
	}

	.messageBG {
		background: url(../img/bg-message.png) no-repeat center top;
		background-size: 100% auto;
	}
	.message .ttl {
		font-size: 1.75em;
	}

	.message .messageTxt p {
		font-size: 0.88em;
	}

	.message .messageTxt p br {
		display: none;
	}
}

/* ---------------------------------------------
	480px 以下
--------------------------------------------- */
@media only screen and (max-width: 480px) {

	.catchphrase p {
		font-size: 0.94em;
		line-height: 1.4;
	}
	.news dl dt {
		float: none;
		width: 100%;
		padding: 5px;
	}

	.news dl dd {
		padding-left: 0;
		padding: 0 5px 5px;
	}


}