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

/*
common
==*/
h2 {
	font-size: 1.6rem;
	color: #26a06f;
	line-height: 150%;
	margin-bottom: 1rem;
	letter-spacing: 1px;
}
h2:before {
	content: "\f7f2";
	margin-right: 0.5rem;
}
/*
mainvisual
==*/
main{
	background: #fefcfe;
}
main .main_slide {
	max-width: 1500px;
	margin: auto;
	padding-top: 6.5rem;
}
.main_slide p {
	width: 75%;
	display: block;
}
.main_slide {
    background: url();
    background-size: contain;
	padding: 9rem 0 9rem;
}
/*
news
==*/
.news h2:before {
	content: "\f1ea";
}
.news .banner {
	max-width: 500px;
	margin: auto;
	display: block;
	box-shadow: 0 0 6px #4c5f07;
}
/*
about
==*/
.about {
	background: url(../img/index/about_bg01.png)no-repeat right center #e6e6e6;
	background-size: 40%;
}
.about h2:before {
	display: none;
}
.about .main_box>div>.left {
	width: 70%;
}
.about .button {
	margin-left: 0;
}
/*
info
==*/
.info {
	background: url(../img/index/info_bg01.png)no-repeat right top, url(../img/index/info_bg02.png)no-repeat left bottom #9bcc4d;
    box-shadow: 0 0 8px #000;
    background-size: 300px;
}
.info h2, .info>div>p {
    color: #fff;
}
.info dt {
	font-size: 1.3rem;
    color: rgb(255, 255, 0);
    margin: 2rem 0px 1rem;
}
.info dt span {
	border-bottom: 4px double;
	padding: 0 0.8rem;
}
.info dd {
	margin-top: 3rem;
}
.info ul {
	border: 3px solid #a56728;
	border-radius: 1rem;
	padding: 2rem 1rem 1rem;
	margin: 0 1rem;
	position: relative;
	background: #fff;
}
.info ul:nth-child(2) li,
.info ul:nth-child(3) li {
    margin-top: 0.25rem;
}
.info ul li:first-child {
	list-style: none;
	font-size: 1.2rem;
	margin-bottom: 0.8rem;
	position: absolute;
	top: 0;
	left: 10%;
	margin: -1.5rem auto 0;
	width: 80%;
	padding: 0.5rem;
	border-radius: 0.5rem;
	background: #a56728;
	color: #fff;
}
.info ul li:first-child h3 {
	color: #fff;
}
.info li p:before {
	content: "\f105";
	margin-right: 0.5rem;
	color: #9bcc4d;
}
.info .button {
	color: rgb(155, 204, 77);
    background: rgb(255, 255, 255);
    border-color: rgb(155, 204, 77);
}
.info .button:hover {
	opacity: 0.8;
}
/*
pickup
==*/
.pickup h2{
	color: #e47400;
}
.pickup .main_box{
	max-width: 1200px;
}
.pickup dl {
	margin: 1%;
	padding: 2rem;
	box-shadow: 0px 0px 6px #e47400;
	min-height: 315px;
}
.pickup dt {
	font-size: 1.25rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px dashed;
	margin-bottom: 0.8rem;
	color: #e47400;
}
.pickup dd li {
	border-bottom: 1px dashed #aaa;
	padding-top: 0.5rem;
}
/*
time
==*/
.time {
	padding: 0;
}
.time .main_box {
	padding: 2rem 0;
}
main .time table {
	margin-bottom: 4rem;
}
/*
access
==*/
.access_box .right{
	margin-top: 1.7rem;
}
.access {
	background: #eee;
}
.access dt {
	width: 20%;
}

.access dl {
	border-bottom: 1px dotted;
	margin: 0.5rem;
}
/*

==*/
@media screen and (max-width:1000px){
	.about {
		background-size: contain;
	}
}