@charset "UTF-8";
/* CSS Document */
/*main
----------------------------------------*/
#fair.main_sub {
	margin: 0 0 5.6rem;
	padding: 7.3rem 2rem 2.1rem;
    background-color: rgb(234 246 207 / .3);
}
@media only screen and (max-width: 768px) {
	.main_sub_ttl {
        margin-bottom: 3.5rem;
    }
    /*.main_sub p {
		text-align: center;
    }
	section.access_inner {
        padding-bottom: 5.8rem;
    }*/
}

/*
----------------------------------------*/

.main_fair {
	padding: 0 2rem 6.9rem;
}
section.fair_area {
	max-width: 110rem;
    margin: 0 auto;
	padding: 0 2rem 11.8rem;
}
/*.fair_area_box {
	display: flex;
    justify-content: space-between;
}*/

/*fair-list
----------------------------------------*/
#fair-list {
	width: 100%;
}
.fair-item {
    display: flex;
    /*flex-direction: column;*/
    gap: 2rem;
	padding-bottom: 8rem;
}
.fair-item + .fair-item {
	border-top: .1rem solid rgb(76 89 51 / .5);
    padding-top: 9.4rem;
}

.fair-item .img-items {
	max-width: 32.7%;
    margin-right: 5rem;
}
.fair-item .txt-items {
	width: 100%;
	max-width: calc(100% - 32.7%);
}
.fair-item img {
    max-width: 100%;
    height: auto;
    cursor: pointer;
}

.fair-content {
    margin-bottom: 2rem;
}
 .fair-content .fair-category {
	 display: flex;
	 flex-wrap: wrap;
	 margin-bottom: 1.3rem;
}
 .fair-content .fair-category span {
	 display: inline-block;
	 color: var(--main-color);
	 font-weight: bold;
	 font-size: 1.4rem;
	 font-weight: 400;
	 letter-spacing: .05em;
	 text-align: center;
	 background: rgb(234 246 207 / .3);
	 /*border-bottom: .1rem solid rgb(51 46 0 / .2);*/
	 padding: .1rem 1.8rem;
	 margin-right: .4rem;
}
.fair-content h3 {
	font-size: 2.3rem;
    letter-spacing: .05em;
    font-weight: 500;
	line-height: 1.9545;
    color: var(--main-color);
	border-bottom: .1rem solid rgb(76 89 51 / .5);
    padding-bottom: 1.3rem;
    margin-top: .1rem;
    margin-bottom: 1.9rem;
}
.fair-content .fair-info {
	display: inline-block;
    font-size: 1.3rem;
	font-weight: 500;
	/*border-bottom: .1rem solid rgb(51 46 0 / .2);*/
	padding: 0 0.6rem;
	margin-bottom: 2.4rem;
}
.fair-content .fair-detail {
	font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .05em;
	margin-bottom: 2.4rem;
	line-height: 1.982;
}
.fair-content .fair-detail span {
	color: var(--dark-color) !important;
}
.fair-content .fair-time {
	font-size: 2rem;
	padding-left: 1rem;
	padding-right: .2rem;
}
.fair-content .contract-box p.contract-pic-v {
	font-size: 1.5rem;
    font-weight: 500;
	letter-spacing: .05em;
	color: var(--blue-color);
	border-bottom: .1rem solid rgb(0 92 126 / .8);
    padding-bottom: .3rem;
}
.fair-content .contract-box p.contract-pic-c {
	font-size: 1.5rem;
    font-weight: 500;
	letter-spacing: .05em;
	color: var(--main-color);
	border-bottom: .1rem solid rgb(76 89 51 / .5);
    padding-bottom: .3rem;
}
.fair-content .contract-box + .contract-box {
	margin-top: 2rem;
}
.fair-content .contract-visit {
	color: var(--dark-color);
	line-height: 1.75;
	background-color: rgb(0 92 126 / .05);
	padding: 2.1rem 3rem;
	margin-top: 1rem;
}
.fair-content .fair-contract {
	background-color: rgb(234 246 207 / .3);
	padding: 2.1rem 3rem;
	margin-top: 1rem;
}
.fair-content .fair-contract li + li {
	margin-top: .5rem;
}
.index_menu_btn {
	justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
	section.fair_area {
		width: 100%;
		padding: 0 2rem;
	}
	 .fair-item {
	 	display: block;
		 padding-bottom: 6.7rem;
	}
	.fair-item .img-items,
	.fair-item .txt-items {
		max-width: 100%;
		margin-right: 0;
	}
	.fair-content .fair-category {
		margin-top: 2.6rem;
		margin-bottom: .8rem;
	}
	.fair-content h3 {
		font-size: 1.6rem;
        letter-spacing: .05em;
        line-height: 1.45;
        margin: -.2rem 0 0;
        padding: 2.6rem 0 .9rem;
        margin-bottom: 1rem;
	}
	.fair-content .fair-detail {
		font-size: 1.4rem;
		line-height: 1.59;
	}
	.fair-content .contract-visit,
	.fair-content .fair-contract {
		padding: 2.1rem;
	}
}