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

.news-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.news-info__cate {
	padding: 5px 5px 6px;
	border-radius: 4px;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #fff;
}
.news-info__cate.campaign { background-color: #d76e70; }
.news-info__cate.campaign:before { content: "キャンペーン"; }
.news-info__cate.event { background-color: #e29b36; }
.news-info__cate.event:before { content: "イベント"; }
.news-info__cate.notice { background-color: #5ea5d2; }
.news-info__cate.notice:before { content: "お知らせ"; }
.news-info__cate.recruit { background-color: #6ba02f; }
.news-info__cate.recruit:before { content: "採用情報"; }

.news-info__date {
	font-size: 1.1rem;
	line-height: 1;
	color: #e34847;
}
.news-ttl {
	margin-bottom: 10px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
}
.news-txt {
	font-size: 1.0rem;
	line-height: 1.4;
}


.news-info--left {
	justify-content: flex-start;
}
.news-info--left .news-info__cate {
	margin-right: 10px;
}

.fair__main{
	margin: 0 0 20px 0;
}
.fair__main a { cursor: pointer; }

.fair__dm{
	margin: 0 0 20px 0;
}

.fair__dm-item{
	margin: 0 0 10px 0;
}

.fair__btn-item{
	margin: 0 0 15px 0;
}

.fair__catch{
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
}
.fair__text{
	text-align: center;
	font-size: 1.3rem;
	margin: 0 0 30px 0;
}

.snsicon{
	display: flex;
	justify-content: center;
	margin: 20px 0 30px 0;
}

.snsicon__item{
	width: 50px;
}

.snsicon__item:first-child{
	margin-right: 20px;
}
.snsicon__item > a{ display: block; transition: 0.5s; }
.snsicon__item > a:hover { opacity: 0.75; }

.fair__main__bottom {
	background: #fff;
	padding-bottom: 30px;
}

@media print, screen and (min-width: 681px) {
	

	.news-info {
		justify-content: flex-start;
	}
	
	.news-info__cate {
		margin-right: 8px;
		padding: 6px 8px 7px;
		font-size: 1.1rem;
	}

	.news-info__date {
		font-size: 1.3rem;
	}
	.news-ttl {
		margin-bottom: 10px;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.news-txt {
		font-size: 1.3rem;
		line-height: 1.5;
	}
	.snsicon{
		display: flex;
		justify-content: center;
		margin: 40px 0 50px 0;
	}

	.snsicon__item{
		width: 70px;
	}
	
	.snsicon__item:first-child{
		margin-right: 40px;
	}
	
}

@media print, screen and (min-width: 1200px) {
	.fair__dm{
		display: flex;
		margin: 0 0 30px 0;
	}
	.fair__dm-item{
		width: calc(50% - 10px);
		margin: 0 10px 0 0;
	}
	.fair__dm-item:last-child{
		margin: 0 0 0 0;
	}
	.fair__btn{
		width: 400px;
		margin: 0 auto;
	}
	.fair__catch{
		font-size: 2.2rem;
	}
}



/*------------------------------------
				Additional Part
------------------------------------*/
.fair-inner { background: #fff; padding: 20px 20px 0; }
.fair__notice { margin-top: 20px; font-size: 1.2rem; line-height: 1.3; text-align: left; }
.fair__bnr { margin-top: 30px; }
.fair__bnr__item:not(:last-of-type) { margin-bottom: 25px; }
@media print, screen and (min-width: 681px) {
	.fair-inner { padding: 25px 80px 0; }
	.fair__bnr { margin-top: 60px; padding-left: 20px; padding-right: 20px; }
	.fair__bnr__item:not(:last-of-type) { margin-bottom: 50px; }
}


.f_logo { padding-top: 50px; margin-left: auto; margin-right: auto; }
@media print, screen and (max-width: 680px) {
	.f_logo { width: 280px; }
}
@media print, screen and (min-width: 681px) {
	.f_logo { max-width: 520px; padding-top: 100px; }
}

/*------------------------------------
				Link
------------------------------------*/

.link__item--wdf { width: calc(100% - 40px); margin-bottom: 10px; }
.wdf-link__item { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; background: #e60113; padding: 6px 10px; border-radius: 10px; text-align: center; cursor: pointer; }
.wdf-link__item img { border-radius: 10px; }
.wdf-link__item span { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 30px; border: 1px solid #fff; border-radius: 6px; margin-top: 5px; font-size: 0.8rem; font-weight: 700; line-height: 1; color: #fff; }
.wdf-link__item span:after { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); font-size: 70%; font-weight: 500; color: #fff; content: "\025b6"; }

@media print, screen and (min-width: 681px) {
	.link__item--wdf { width: 514px; margin-bottom: 20px; }
	.wdf-link__item { width: 100%; padding: 20px 20px; border-radius: 20px; }
	.wdf-link__item span { height: 34px; border-radius: 10px; margin-top: 12px; font-size: 1.8rem; font-weight: 700; }
	.wdf-link__item span:after { right: 8px; }
}
@media print, screen and (min-width: 1001px) {
	.wdf-link { width: 706px; margin-bottom: 30px; }
}

.link-wrap { background: #fff; padding-top: 20px; padding-bottom: 20px; }
.link-wrap ul { display: flex; flex-direction: column; align-items: center; }
.link__item { width: calc(100% - 40px); }
.link__item:not(:last-of-type) { margin-bottom: 7px; }
.link__item a { display: flex; justify-content: center; align-items: center; width: 100%; height: 58px; background: #e60012; border-radius: 10px; }
.link__item a img { width: auto; height: 38px; margin-right: 10px; }
.link__item a span { font: 700 1.6rem YakuHanJP_Noto, "Noto Sans JP", sans-serif; line-height: 1.25; color: #fff; }

@media print, screen and (min-width: 681px) {
	.link-wrap { padding-top: 90px; padding-bottom: 80px; }
	.link { display: flex; justify-content: space-between; align-items: center; }
	.link--center { justify-content: center; }
	.link__item { width: 514px; }
	.link__item:not(:last-of-type) { margin-bottom: 20px; }
	.link__item a { height: 80px; border-radius: 20px; }
	.link__item a img { height: 44px; }
	.link__item a span { font-size: 2.1rem; }
}